vue上传文件在线预览

最新推荐文章于 2024-09-01 17:22:29 发布

陳那个陈

最新推荐文章于 2024-09-01 17:22:29 发布

阅读量583

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_52164116/article/details/125328651

版权

两种方法都是不调用接口实现：

第一种：

     updateMovie(row) {
            // 浏览器预览
            let routeUrl = row.docurl;  //上传成功后台返回的地址
            let url = encodeURIComponent(routeUrl);
            let officeUrl = "http://view.officeapps.live.com/op/view.aspx?src=" + url;
            window.open(officeUrl, "_target");
        },

第二种：

  updateMovie(row) {
           //下载到本地
           window.location.href = row.docurl; // 本窗口打开下载
           window.open(row.docurl, "_blank"); // 新开窗口下载
        },