白左
千年狐狸
千年狐狸
  • UID34985
  • 注册日期2010-12-29
  • 最后登录2023-11-13
  • 发帖数2039
  • 经验655枚
  • 威望0点
  • 贡献值364点
  • 好评度69点
  • 社区居民
  • 忠实会员
阅读:2083回复: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>
-いたんですか? -ええ、ずっと
taglife
千年狐狸
千年狐狸
  • UID38488
  • 注册日期2012-03-20
  • 最后登录2013-04-02
  • 发帖数2052
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度1点
1楼#
发布于:2013-02-23 01:06
這是給檔案命名的屬性哦?!
直接在伺服器指定就好啦?!
搞啥這麼悲劇要在 HTML5 裡重新命名,而且 20.0beta 才支援
Firefox 開啟安全模式,停用個人設定、佈景主題及擴充套件(無附加元件)測試:
說明 > 重新啟動但停用附加元件(Firefox 4+)
Firefox Profile: 說明 > 疑難排解資訊 > 開啟資料夾
排版引擎:Firefox(Gecko), Opera(Presto), Google Chrome(WebKit),
Safari(WebKit), Internet Explorer(Trident), Konqueror(KHTML)
royallin
非常火狐
非常火狐
  • UID29014
  • 注册日期2009-05-31
  • 最后登录2016-12-07
  • 发帖数668
  • 经验46枚
  • 威望0点
  • 贡献值32点
  • 好评度0点
  • 社区居民
2楼#
发布于:2013-02-23 01:06
不错
hitsmaxft
非常火狐
非常火狐
  • UID25803
  • 注册日期2008-08-12
  • 最后登录2024-01-13
  • 发帖数740
  • 经验13枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
3楼#
发布于:2013-02-23 01:06
方便浏客户端. 不错..

Lost in fx...
zths
小狐狸
小狐狸
  • UID34280
  • 注册日期2010-10-19
  • 最后登录2023-08-29
  • 发帖数71
  • 经验49枚
  • 威望0点
  • 贡献值6点
  • 好评度0点
  • 社区居民
4楼#
发布于:2013-02-23 01:06
taglife:這是給檔案命名的屬性哦?!
直接在伺服器指定就好啦?!
搞啥這麼悲劇要在 HTML5 裡重新命名,而且 20.0beta 才支援
回到原帖


万金油:让用户post出这些数据和文件名给服务器 然后服务器作为文件原封不动返回。
taglife
千年狐狸
千年狐狸
  • UID38488
  • 注册日期2012-03-20
  • 最后登录2013-04-02
  • 发帖数2052
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度1点
5楼#
发布于:2013-02-23 01:06
zths

万金油:让用户post出这些数据和文件名给服务器 然后服务器作为文件原封不动返回。
回到原帖

聽不太懂...-..-?!
不過 万金油 是 tip 的意思嗎?
Firefox 開啟安全模式,停用個人設定、佈景主題及擴充套件(無附加元件)測試:
說明 > 重新啟動但停用附加元件(Firefox 4+)
Firefox Profile: 說明 > 疑難排解資訊 > 開啟資料夾
排版引擎:Firefox(Gecko), Opera(Presto), Google Chrome(WebKit),
Safari(WebKit), Internet Explorer(Trident), Konqueror(KHTML)
游客

返回顶部