a标签下载文档

最新推荐文章于 2024-05-07 11:56:11 发布

小小1992

最新推荐文章于 2024-05-07 11:56:11 发布

阅读量61

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/u014645827/article/details/134420396

版权

<body>    <button οnclick="downloadEvt('http://192.168.66.183:13666/download?name=HAP.pdf')">a标签下载</button>    <script>
       function downloadEvt(url, fileName = '未知文件') {
           const el = document.createElement('a');
           el.style.display = 'none';
           el.setAttribute('target',
           '_blank');
           /**         * download的属性是HTML5新增的属性
           * href属性的地址必须是非跨域的地址，如果引用的是第三方的网站或者说是前后端分离的项目(调用后台的接口)，这时download就会不起作用。
           * * 此时，如果是下载浏览器无法解析的文件，例如.exe,.xlsx..那么浏览器会自动下载，但是如果使用浏览器可以解析的文件，比如.txt,.png,.pdf....浏览器就会采取预览模式
           * * 所以，对于.txt,.png,.pdf等的预览功能我们就可以直接不设置download属性(前提是后端响应头的Content-Type: application/octet-stream，如果为application/pdf浏览器则会判断文件为 pdf ，自动执行预览的策略)         */
           fileName && el.setAttribute('download', fileName);
           el.href = url;
           console.log(el);
           document.body.appendChild(el);
           el.click();
           document.body.removeChild(el);
       }
   </script> </body>

小小1992

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
a标签下载文档

* 所以，对于.txt,.png,.pdf等的预览功能我们就可以直接不设置download属性(前提是后端响应头的Content-Type: application/octet-stream，如果为application/pdf浏览器则会判断文件为 pdf ，自动执行预览的策略) */* * 此时，如果是下载浏览器无法解析的文件，例如.exe,.xlsx..那么浏览器会自动下载，但是如果使用浏览器可以解析的文件，比如.txt,.png,.pdf....浏览器就会采取预览模式。
复制链接

扫一扫