建站

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

gena2.0

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

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

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

本文由 格娜小屋 作者:子轩 发表,转载请注明来源!

关键词:
gena2.0

热评文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注