href 属性必须在 <a> 标签中指定。 属性同样可以指定下载文件的名称。文件名称没有限定值,浏览器会自动在文件名称末尾添加该下载文件的后缀 (.img, .pdf, .txt, .html, 等)。 该属性需要下载资源是同源的。 更完整的功能可以使用 JavaScript 第三方库:download.js。
constdownloadText=(text,filename=''){consta=document.createElement('a')a.download=filenameconstblob=newBlob([text],{type:'text/plain'})// text指需要下载的文本或字符串内容a.href=window.URL.createObjectURL(blob)// 会生成一个类似blob:http://localhost:8080/d3958f5c-0777-0845-9dcf-2cb28783ac...
<a href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text</a> demo地址：http://tutsplus.github.io/download-attribute/index.html 一些注意 Firefox考虑到安全问题，该下载文件必须是从自己的服务器或域名中的，否则将在浏览器中打开。在 Chrome 和 Opear...
HTML5 <a>标签download 属性 一、简单实例 <ahref="../images/1.jpg"download="下载图片.jpg">点击按钮下载</a> 二、说明: 定义和用法 download 属性规定被下载的超链接目标。 在<a> 标签中必须设置 href 属性。 该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的...
window.location.href="url" 这两种方法效果一样。但有个很大的问题,如果下载出现异常(连接路径失效、文件不存在、网络问题等),会导致原本的页面被覆盖掉,显示404等错误信息。 大致的优化思路如下: 使用<a/>标签HTML5新的属性download。 使用<iframe><iframe/>元素进行下载。
1 实例点击链接下载图片:<a href="/images/logo.png" download="w3clogo">浏览器支持目前只有 Firefox 和 Chrome 浏览支持 download 属性。定义和用法download 属性定义了下载链接的地址。href 属性必须在 <a> 标签中指定。属性同样可以指定下载文件的名称。文件名称没有限定值，浏览器会自动在文件名称末尾添加该...
神奇的 download 属性 代码语言:javascript 复制 <a href="https://vuejs.org/images/logo.png"download>下载 vue 的LOGO</a> 如上代码,就可以直接把文件给下载下来了。 什么都没有做,只是给a加了一个download属性!! 并且不仅仅是这样的,我们还可以重命名文件。如下代码: ...
一、download属性是个什么鬼? 首先看下面这种截图: 如果我们想实现点击上面的下载按钮下载一张图片,你会如何实现? 我们可能会想到一个最简单的方法,就是直接按钮a标签链接一张图片,类似下面这样: <a href="large.jpg">下载</a> 但是,想法虽好,实际效果却不是我们想要的,因为浏览器可以直接浏览图片,因此,我们点...
HTML5 a标签的download属性 【转载请注明出处:http://blog.csdn.net/leytton/article/details/38545299】 download属性能让我们指定浏览器下载时采用新的文件名称,也就是在客户端重命名下载文件。而不是链接上原始的文件名称。 添加download属性后,无论a标签的href属性链接到一个网页、图片、文本等,download属性都会...
<a href="imges/1.jpg" download="图片"> <img src="imges/1.jpgf" alt="图片"> </a> 想要兼容IE那就需要在你页面的 <head></head> 部分引入这个js文件了 <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> ...