作者: cumtyeyunjiao | 来源:发表于2017-02-21 22:30 被阅读0次

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

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

代码

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

显示效果

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

点击第一张图Firefox中显示

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

点击第二张图Firefox显示

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

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

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

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


相关文章

  • 关于标签的download属性

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

  • a标签的download属性

    只在火狐和谷歌浏览器有用,可以重命名下载的文件。但是直接点击无效,必须是鼠标右键另存为才可以生效。

  • #学习笔记#页面下载文件

    1、a标签的download属性download属性规定被下载的超链接目标。在 < a > 标签中必须设置 hre...

  • 常见标签详解

    a标签 1.a标签的href属性 2.a标签的target属性 3.a标签的download属性 form标签 标...

  • 下载图片时,a标签无法下载问题

    原因: 标签通过download 属性下载文件只适用于同源的文件 非同源的时候 标签的download属性无效,会...

  • a标签的download属性简介

    最近在工作中需要一个前端直接下载静态文件的需求,之前有粗略的了解过a标签的download属性,通过downloa...

  • js 实现下载文件,批量下载

    a标签中的 download 属性是 h5 的标准MDN 对于 a 标签中 download 的说明:https:...

  • 关于标签a的download属性兼容性总结

    本文章只讨论a标签download属性的相关内容。关于页面实现下载功能的方法,另外开篇探讨。 download为h...

  • HTML5 标签/属性

    1、a标签的download属性 download可以直接把这个页面的内容都下载下来2、area标签 之前很少用,...

  • HTML重难点标签

    HTML常用标签 a标签 属性 href target download rel=noopener 作用 跳转外部...

网友评论