＜a＞＜/a＞标签，download属性不下载，而是打开.doc、.txt、.mp3、img，解决方法

情况：公司特别钟爱，导出，下载，批量下载，打印，批量打印，今天遇到下载mp3文件时，只是在线打开，并不下载。因为同源的文件，浏览器默认是打开预览，不同源的才下载。利用get请求转成文件流就可以了。

解决方法：

//解决本身就是在线图片，或者文档的下载（同源也能下载）
downRow(index,data){ let that = thislet oReq = new XMLHttpRequest();        oReq.open("GET", 'http://xxxxx.com/666.mp3', true);        oReq.responseType = "blob";  //oReq.withCredentials = true;//如果跨域             oReq.onload = function (oEvent) {            let content = oReq.response;            let elink = document.createElement('a');            elink.download = '666.mp3';    elink.style.display = 'none';               let blob = new Blob([content]) elink.href = URL.createObjectURL(blob);            document.body.appendChild(elink);            elink.click();            document.body.removeChild(elink);        };       oReq.send();},
//解决文件流下载，不管同不同源只要是文件流就能下载，对于非文件流结果是在线打开预览
//window.open('xxx') //csv,xlsx能下载，pdf，txt,img会打开

＜a＞＜/a＞标签，download属性不下载，而是打开.doc、.txt、.mp3、img，解决方法相关推荐

IE浏览器a标签无法下载问题解决（IE浏览器a标签download属性不兼容问题解决）
IE浏览器a标签无法下载问题解决(IE浏览器a标签download属性不兼容问题解决) 参考文章: (1)IE浏览器a标签无法下载问题解决(IE浏览器a标签download属性不兼容问题解决) (2) ...
文件下载 response响应ContentType与a标签download属性
参考资料 MediaType介绍了解HTML/HTML5中的download属性 header中Content-Disposition的作用目录一. ContentType 二. a标签down ...
a标签download属性
download属性是HTML5新增的属性,也就是作用在HTML5的基础之上,他可以使a标签的href属性进行下载,download属性为下载后的文件名用法1:下载该本地图片,并默认命名 <a ...
a标签download属性不起作用
a标签download属性不起作用首先要明白的是,download属性是HTML5新增的属性,也就是作用在HTML5的基础之上,他可以使a标签的href属性进行下载,如果填写指就会更改你的下载名称, ...
a标签download属性修改文件名失效
<a href="'+fileurl+'" download="'+filename+'"> fileName为下载文件要修改的名字注意:a标 ...
计算机描述不可用win10,win10系统查看打印机属性时描述一栏显示不可用的解决方法...
最近有操作描述:先彻底将当前打印机驱动删除干净-下载对应打印机型号的 3.在弹出"添加硬件"窗口中点击"下一步",如下图所示: 4.选择"安装我手动 ...
linux系统Nginx下载安装步骤（含报错解决方法）
linux系统Nginx下载安装步骤(含报错解决方法) 基础步骤安装过程可能出现的报错及解决方法执行 ./configure --prefix=/opt/nginx 报错执行 make inst ...
关于如何解决mac电脑下载pdf之后出现名称乱码的解决方法
@ 关于如何解决mac电脑下载pdf之后出现名称乱码的解决方法.(或解压文件乱码的问题) 首先呢,由于工作变更及工作需要(说白了是为了装逼),所以入手了一个mac电脑.但是入手之后就逐渐被逐渐被苹果的 ...
docker pull下载镜像时的报错及其解决方法
docker pull下载镜像时的报错及其解决方法参考文章: (1)docker pull下载镜像时的报错及其解决方法 (2)https://www.cnblogs.com/it-artical/p ...
Python 下载依赖包环境经常失败超时解决方法
Python 下载依赖包环境经常失败超时解决方法参考文章: (1)Python 下载依赖包环境经常失败超时解决方法 (2)https://www.cnblogs.com/boonya/p/11909 ...

＜a＞＜/a＞标签，download属性不下载，而是打开.doc、.txt、.mp3、img，解决方法

＜a＞＜/a＞标签，download属性不下载，而是打开.doc、.txt、.mp3、img，解决方法相关推荐

最新文章

热门文章