web另类方法实现“另存为”功能

2015/09/0423:13:23web另类方法实现“另存为”功能已关闭评论 829

偶然发现 HTML5 的 <a> 标签有了一个新属性: download,取值是一个文件名,当一个带有 download属性的 <a> 链接被点击时,其形为不再是一个网页跳转,而变成将目标以指定的文件名另存到本地。

<a> 的 href 值是可以随便改的,也就是说要另存的文件内容可以通过 JS 的方式轻松生成,对其指定一个 DataURI 就可以决定要保存的文件内容了,配合 base64,甚至可以产生一个二进制文件!

原理简单,可以看看 live demo。

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin