前端使用js下载图片的问题

Aldwin 2019-01-07 10:03:40
<a href="https://geekjc-img.geekjc.com/logo.png" download="logo.png">下载图片</a>我尝试使用这个代码下载图片,在chrome是直接在网页上打开图片而不是下载,win10的浏览器Edge是支持下载的。百度上搜索说这个方法谷歌应该是支持的,浏览器控制台也没有任何错误,谷歌版本是68.0.3440.75;此外在mac上也测试过,同样是直接打开图片
...全文
615 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
一叶一菩提11 2019-01-07
  • 打赏
  • 举报
回复
如果url指向同源(相同域名、相同主机、相同端口)资源,是没问题的 如果url指向不同源的第三方资源等,download就不起作用,一般会直接打开文件浏览,不能打开文件如压缩包则会下载 总之,浏览器不允许跨域下载多媒体文件 最好的方法是让后端做一次转发。向后端请求,后端请求文件,返回前端,前端再保存文件。 还有一个大家都不是特别推荐使用的方法可以解决 【<iframe>标签.生成iframe,src指向图片地址,调用document.execCommand("SaveAs")方法】 详情 https://zhuanlan.zhihu.com/p/32426950

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧