js实现pdf、excel文件无预览直接下载

javascript 复制代码
          // pdf、xlsx或其他文件无预览下载
          const url = '你的文件url链接'
          let fileName = url.substring(url.lastIndexOf('/') + 1)
          console.log("fileName--",fileName)
          let isPdf = url.endsWith('.pdf')
          const request = new XMLHttpRequest();
          request.responseType = 'blob';
          request.open('GET', res.data.url);
          request.onload = function () {
            const link = document.createElement('a');
            document.body.appendChild(link);
            this.response.arrayBuffer().then(buf => {
              const blob = new Blob([buf]);
              const url = URL.createObjectURL(blob);
              link.style.display = 'none';
              link.target = '_blank';
              link.download = fileName;
              link.href = url;
              link.click();
              document.body.removeChild(link);
              window.URL.revokeObjectURL(url);
            });
          };
          request.send();
相关推荐
嘉琪0013 分钟前
Day4 完整学习包(this 指向)——2026 0313
前端·javascript·学习
前端小菜鸟也有人起3 分钟前
Vue3父子组件通信方法总结
前端·javascript·vue.js
Maimai1080811 分钟前
React Server Components 是什么?一文讲清 CSR、Server Components 与 Next.js 中的客户端/服务端组件
前端·javascript·css·react.js·前端框架·html·web3
醇氧18 分钟前
PowerPoint 批量转换为 PDF
java·spring boot·spring·pdf·powerpoint
2501_9307077818 分钟前
使用 C# 将 PDF 转换为 PCL
pdf
肉肉不吃 肉21 分钟前
事件循环,宏任务,微任务
前端·javascript
陆康永34 分钟前
vue2封装hook函数,可以监听主页面生命周期
前端·javascript·vue.js
我命由我1234535 分钟前
Vue Router - 记录一下 2 种路由写法
前端·javascript·vue.js·前端框架·html·html5·js