仅允许用户下载图像或其他文件,您可以使用HTML5
download属性。
静态文件下载
<a href="/images/image-name.jpg" download><!-- OR --><a href="/images/image-name.jpg" download="new-image-name.jpg">
动态文件下载
在动态请求图像的情况下,可以模拟这种下载。
如果您的映像已经加载,并且
base64有源,那么:
savebase64AsFile(base64, fileName) { var link = document.createElement("a"); link.setAttribute("href", base64); link.setAttribute("download", fileName); link.click();}否则,如果下载了图像文件,则
Blob可以
FileReader将其转换为base64:
saveBlobAsFile(blob, fileName) { var reader = new FileReader(); reader.onloadend = function () { var base64 = reader.result ; var link = document.createElement("a"); link.setAttribute("href", base64); link.setAttribute("download", fileName); link.click(); }; reader.readAsDataURL(blob);}注意:不支持IE:Caniuse链接



