1、下载fileSaver库:
npm install file-saver --save
bower install file-saver
2、引用到文件中
var FileSaver = require('file-saver')
3、用XMLHttpRequest下载图片二进制流
<img :src="fileDown"/>
const xhr = new XMLHttpRequest();
var url = '/ngpapis/activiti-rest/service/workorder/downloadattachment/' + ;
('GET', url, true);
= 'blob';
("Authorization","Basic a2VybWl0Omtlcm1pdA==")
= () => {
if ( === 200) {
//将图片文件用浏览器中下载
(, "");
//将图片信息放到Img中
= ()
}
};
();
实现图片下载,可以指定图片名称:
(, "");
fileDown作为一个url给了一个img元素,这样可以在img中查看这个图片。
<img :src="fileDown"/>
= ()
查看浏览器是否支持fileSaver下载功能
try {
var isFileSaverSupported = !!new Blob;
} catch (e) {}