阅读:2105回复:5
fx20.0beta支持<a>的download属性啦~
说来也巧,以前我根本不知道这个属性是干嘛的,有什么用
昨天刚好有需求要在客户端生成一些文本然后提供本地下载,虽然fx已经实现了Blob,但是生成url之后怎么下载却是一个麻烦事,因为下载文件的文件名一般来说是服务器指定的,本地js没有这方面的功能,直接放到<a>里,用户下载得到的是类似于VSNvZGtk.part这样的文件名,显然是不友好的。经过搜索发现html5规定了一个新的anchor属性:download(详见MDN页面),还没高兴呢就被泼了冷水:客户端运行测试代码无效,一看原来要fx20.0才开始支持 然后恰好今天20.0进入beta通道,感觉好幸运,刚好赶上这个时候。从此以后要提供什么下载的话,本地js也能部分地做到了,不用依赖服务器咯,对于开发一些离线自己用的web应用应该比较有用(毕竟不能指望大部分用户都更新到最新版fx吧,chrome的实现倒是比较早) 测试页面: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEX////g4OACVBJKAAAAHUlEQVR42sXNoQEAAACCMP3/aQvewCKFXCEF/Y8BRRAAgWKqk6wAAAAASUVORK5CYII=" download="这是个指定的文件名.png">点我</a> </body> </html> |
|
|