在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 前端- html <a> 標(biāo)籤,屬性中的download ,無(wú)法下載

前端- html <a> 標(biāo)籤,屬性中的download ,無(wú)法下載圖片,變成檢視圖片

<p>下載圖片</p>
以下是我裡面下的屬性

當(dāng)我直接按下連結(jié)
會(huì)另開(kāi)視窗變成檢視圖片
如果我按著鍵盤(pán)的command 再點(diǎn)連結(jié) 就會(huì)是下載圖片
請(qǐng)問(wèn)是我哪裡寫(xiě)錯(cuò)了嗎

回答
編輯回答
護(hù)她命
注意:
此屬性僅適用于同源 URLs。
可以使用 blob: URLs 和 data: URLs 以方便用戶下載 JavaScript 方式生成的內(nèi)容(例如使用在線繪圖的Web應(yīng)用創(chuàng)建的照片)。
如果HTTP頭的Content-Disposition:存在,并且賦予了一個(gè)和這個(gè)屬性不同的文件名,HTTP頭優(yōu)先于此屬性。
如果這個(gè)屬性存在 Content-Disposition 被設(shè)置為 inline,火狐優(yōu)先 Content-Disposition,像之前文件名??的情況下,而Chrome則優(yōu)先 download 屬性。

參考:https://developer.mozilla.org...

瀏覽器的同源策略
https://developer.mozilla.org...

demo:
https://jsfiddle.net/ycloud/f...

2017年3月12日 08:36
編輯回答
膽怯
2018年1月30日 17:51
編輯回答
鐧簞噯

把 target=_blank 去掉試一下?

2018年1月29日 06:43
編輯回答
別瞎鬧

給你個(gè)案例

<!DOCTYPE html>
<html>
<body>

<p>點(diǎn)擊 W3School 的 logo 來(lái)下載該圖片:<p>

<a  download="w3logo">
<img border="0" src="http://www.w3school.com.cn/i/w3school_logo_white.gif" alt="W3School">
</a>

</body>
</html>

要注意A標(biāo)簽的 download屬性要等于一個(gè)值(下載的文件名) download="w3logo"

2017年2月16日 17:16