前端实现点击word、pdf、excel在页面上显示而不是下载

记录一下项目中需要点击pdf、word等文件在网页上显示而不是下载解决方案。
目前免费纯前端方式实现在线预览word、excel、ppt最优选择微软在线预览，但不可编辑
文档地址

直接可以使用

 /**
     * @description [viewFile 查看文件]
     * @author  chenlong
     * @param {String} url [文件地址]
     * @returns {Null} [没有返回]
     */
     function reeFile (url) {
        let onlineViewType = ['doc', 'docx', 'xls', 'xlsx', 'xlsm', 'ppt', 'pptx']
        let fileTypeName = url.substring(url.lastIndexOf('.') + 1, url.length).split('?')[0]
        let isWord = onlineViewType.find((type) => type === fileTypeName)
        if (isWord) {
            url = 'http://view.officeapps.live.com/op/view.aspx?src=' + url
        }
        window.open(url, '_blank')
    }

效果如下