前端简单实现在线预览pdf、word、xls、ppt等文件

目前免费纯前端方式实现在线预览word、excel、ppt最优选择微软在线预览，但不可编辑。
还有一种方案就是利用后端将文件转为图片，前端以图片形式预览。

 // 文件名判断
	matchType(fileName) {
        // 后缀获取
        let suffix = '';
        // 获取类型结果
        let result = false;
        try {
            var flieArr = fileName.split('.');
            suffix = flieArr[flieArr.length - 1];
        } catch (err) {
            suffix = '';
        };
        // fileName无后缀返回 false
        if (!suffix) {
            return false;
        };
        var itemlist = ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'];
        result = itemlist.some(function (item) {
            return item == suffix;
        });
        if (result) {
            return result;
        };
	};
//判断后缀是否包含可以解析的文件
   if (this.matchType(url)) {
     return (<a target="_blank" href={'https://view.officeapps.live.com/op/view.aspx?src=' + url}> {name}</a>)
   } else {
     return (<a target="_blank" href={url}> {name}</a>)
   }

用法：打开页面https://view.officeapps.live.com/op/view.aspx?src=文件路径，即可在线预览文档。

文件路径必须为 http:// 或 https:// 形式，文档必须是 Word、Excel 或 PowerPoint 文档。