实现多种文件在线预览(word/pdf/excel/)(超简单)

 想要实现文件在线预览   有一个简单粗暴很直接的方法   话不多说上图

效果在代码下方

这种方法简单粗暴,PDF和txt格式的文件可以直接在浏览器预览直接安排上连接即可,

注:这个连接必须是公开的,没有跨域限制的.

docx和excel格式的文件使用微软的方法也可以直接在浏览器中显示

            浏览器pdf预览
            浏览器word预览
            浏览器表格预览
            浏览器txt预览
                txt(){
                    window.open(this.txtURL)
                },
                biaoge() {
                    window.open("https://view.officeapps.live.com/op/view.aspx?src=" + this.biaogeURL)
                },
                word() {
                    window.open("https://view.officeapps.live.com/op/view.aspx?src=" + this.wordURL)
                },
                pdf() {
                    window.open(this.pdfURL)
                },

实现多种文件在线预览(word/pdf/excel/)(超简单)_第1张图片

实现多种文件在线预览(word/pdf/excel/)(超简单)_第2张图片

你可能感兴趣的:(vue.js,前端,javascript)