关于<a>标签的download属性

笔者尚在前端学习过程中,如有些地方不对,请大家指正,笔者必定虚心学习。这里记录一些我在学习时发现的一些问题。

今天在尝试<a>标签在html5中的新属性download时,发现某些问题。

代码

上图代码中,第一张是网络上的图片,第二张是本地图片,在Firefox和Chrome中的显示效果差不多:


显示效果

在Firefox中点击第一张图,并未下载,而是跳到了图片源地址:


点击第一张图Firefox中显示

在Firefox中点击第二张图时,弹出下载框:


点击第二张图Firefox显示

在Chrome中点击第一张和第二张都正常下载:

Chrome下载了第一张和第二张图片

对于<a>标签的download属性,Firefox和Chrome都是支持的:


问了下度娘,说是跨域问题,不知道有没有办法解决Firefox的跨域download属性下载,还请各位大神多多指教。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容