用查看和下载图片文件

时间:2025-03-28 11:21:17

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) {}