前端将图片和pdf预览地址转成文件流下载的方法

前端将图片和pdf预览地址转成文件流下载的方法

	<span onclick="getFileAndDownload('图片名称','图片路径')">下载png测试</span>
	<br />
	<span onclick="getFileAndDownload('pdf名称','pdf路径')">下载pdf测试</span>
	<br />
	<script src="./js/jquery-1.12.4.js"></script>
	function getFileAndDownload(fileName, url) {
       var x = new XMLHttpRequest();
        x.open("GET", url, true);
        x.responseType = 'blob';
        x.onload = function (e) {
            var blob = x.response;
            if ('msSaveOrOpenBlob' in navigator) {//IE导出
                window.navigator.msSaveOrOpenBlob(blob, fileName);
            }
            else {
                var a = document.createElement('a');
                a.download = fileName;
                a.href = URL.createObjectURL(blob);
                $("body").append(a);
                a.click();
                $(a).remove();
            }
        };
        x.send();
    }