HTML5 图片下载，除了A链接a标签的download属性性，求一个其他的，JS或者什么的。最好不用后端语言

点击联系发帖人 时间：2018-04-23 05:54

a标签的download属性

原理：download 属性是HTML5中新增的 <a> 标签属性能够让我们指定浏览器下载文件时的默认名称。将download属性添加到<a>链接上当我们点击这个链接，download属性值里的名称会显示到弹出的下载框里而且download属性能够强制触发下载操作。

方法一：通过<a>链接实现图片下载

方法二：通过JS触发<a>链接实现图片下载

// 创建一个单击事件 // 将aa标签的download属性性设置为我们想要下载的图片名称若name不存在则使用‘下载图片名称’作为默认名称 // 触发a的单击事件

}

这篇文章主要介绍了解决H5的a标签a標签的download属性性下载service上的文件出现跨域问题的相关资料小编觉得挺不错的，现在分享给大家也给大家做个参考。一起跟随小编过来看看吧

1.通过点击下载多媒体文件(图片/视频/文件等)

如果url指向同源资源是正常的。

如果url指向第三方资源download会失效，表现和不使用download时一致——浏览器能打开的文件浏览器会直接打开，不能打开的文件会直接下载。浏览器打开的文件可以手动下载。

解决方案一：将文件打包为.zip/.rar等瀏览器不能打开的文件下载

解决方案二：通过后端转发，后端请求第三方资源返回给前端，前端使用file-saver等工具保存文件

如果url指向的第彡方资源配置了CORS，download属性无效但可以获取文件下载到本地，无法修改修改文件名

 // 创建隐藏的可下载链接

如果我们想下载一张图片，可以紦这张图片转换成base64格式然后下载。

以上就是本文的全部内容希望对大家的学习有所帮助，也希望大家多多支持脚本之家

}