HTML5中的强制下载属性download使用实例

1、html5中的强制下载属性download使用实例html5 的 download 属性用来强制扫瞄器下载对应文件，而不是打开。chrome 和 firefox 等扫瞄器太过于强大，大概是为了增加用户体验，当用户点击的资源文件可以被它们识别的时候（例如 pdf 会挺直在扫瞄器打开，mp3、mp4 等媒体挺直用扫瞄器内置播放器播放）。但有时候，用户其实是希翼挺直下载而不是在扫瞄器上看看，这时就可以加上这个属性，属性值会对下载的文件重命名：点击挺直下载并保存成 download.pdf 文件假如你确定这个资源是用户绝对会下载的，就可以加上这个属性，还可以用 js 或者手动转变想要保存的文件名。在h

2、tml里创建一个是下载链接是便利的，添加一个标签和指向文件的href属性就行了。但是某些文件不会被下载（比像，pdf，txt，doc），相反，他们会在扫瞄器中被打开。假如你的站点是有服务器端的，你可以通过配置.htaccess文件来使得那些文件可以被下载。假如你的站点是被wordp或者github页面托管的（静态页面），那么轻考虑用法标签的download属性用法download属性download属性是html5规范的一部分，它表现为一个下载链接，而不是一个导航的链接。download属性也允许你去重命名一个需要下载的文件。比如，一个文件存放在服务器上，假如这个文件是自动生成的，普通来说它被

3、都命名为一个系统的数字和破折号的组合，例如acme-doc-2.0.1.txt，我们可以重命名这个下载文件的名字，用户下载后看到的文件名可以是一个比较好的名字，例如acme documentation (ver. 2.0.1).txt，像这样增强用户体验（不要遗忘文件的拓展名）。xml/html code复制内容到剪贴板 点击挺直下载并保存成 download.pdf 文件 可以看一下这个demo地址：http:/tutsplus.github.io/download-attribute/index.html一些注重：firefox考虑到平安问题，该下载文件必需是从自己的服务器或域名中的，否则

4、将在扫瞄器中打开。在chrome和opear中，假如说下载文件不是在子集的服务器或域名中，这些扫瞄器会忽略download属性，换句话来说，文件名不变。提供后备计划：在写本文的时候，download属性并没有在safari和ie中实现，但是ie声称，download属性的实现已经在开发日程顶部了。在这期间，我们可以用法一个后备计划去兼容那些扫瞄器。我们需要去下载modernizr的download属性特征测试。然后添加以下脚本：javascript code复制内容到剪贴板 if ( ! modernizr.adownload ) var $link = $('a'); $li

5、nk.each(function() var $download = $(this).attr('download'); if (typeof $download != typeof undefined && $download != false) var $el = $('').addclass('download-instruction').text('right-click and select "download linked file"'); $el.insertafter($(this); ); 这个脚本是去测试扫瞄器是否支持download属性的，假如扫瞄器不支