白左
千年狐狸
千年狐狸
  • UID34985
  • 注册日期2010-12-29
  • 最后登录2023-11-13
  • 发帖数2039
  • 经验655枚
  • 威望0点
  • 贡献值364点
  • 好评度69点
  • 社区居民
  • 忠实会员
阅读:2105回复:5

fx20.0beta支持<a>的download属性啦~

楼主#
更多 发布于:2013-02-23 01:06
说来也巧,以前我根本不知道这个属性是干嘛的,有什么用
昨天刚好有需求要在客户端生成一些文本然后提供本地下载,虽然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>
-いたんですか? -ええ、ずっと
游客

返回顶部