首页 > 其他 > 详细

vue项目里面预览下载附件

时间:2021-04-14 15:08:32      阅读:9      评论:0      收藏:0      [点我收藏+]
    // 预览附件
    handlePreview(file) {
      console.log(file);
      if (file.name.indexOf("txt") == "-1") {
        const link = document.createElement("a");
        document.body.appendChild(link);
        link.style.display = "none";
        link.setAttribute(
          "href",
          file.url + "?response-content-type=application/octet-stream"
        ); //设置下载文件的url地址
        link.target = "_blank";
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
      } else {
        let element = document.createElement("a");
        element.setAttribute(
          "href",
          "data:text/plain;charset=utf-8," + file.url
        );
        element.setAttribute("download", file.name);
        element.style.display = "none";
        element.click();
      }
    }

 ppt、pptx、doc、docx、pdf、xls、xslx、rar、txt、zip

vue项目里面预览下载附件

原文:https://www.cnblogs.com/yadi001/p/14657105.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!