前端本地可以直接下载服务器上的图片吗？

Question

后端返回了一个数组，里面是一堆服务器文件的地址。现在要求我在本地开发环境中实现图片的下载。
我试了给a标签添加download属性，它会预览图片而非下载。转化为base64和canvas下载都会报跨域错误。有别的方法能将图片下载下来吗？

Answer 1

第一个问题：之所以预览了而非下载是因为响应标头里没有 Content-Dispostion。

第二个问题：如果有跨域问题纯靠前端是解决不了的，必须后端参与配合；你能纯前端解决就代表钓鱼网站也能这么解决，那浏览器还要跨域安全策略有啥用呢？

Answer 2

如果批量下载远程服务器资源建议使用这个库 可以实时下载打包压缩https://github.com/jimmywarti...
单文件可以使用这个库 可以解决跨域问题https://github.com/eligrey/Fi...