在很多網站上,都有一個點擊圖片或點擊某個鏈接會將指定的圖片下載到本地的功能,而這個功能就需要html 元素中的 A 標籤的 download 屬性來實現,接下來飛鳥慕魚博客就來說一說關於使用html或js實現圖片點擊下載的功能。
A 標籤的 download 屬性
download:屬性為 A 標籤在 HTML5 中新增加的一個屬性,它可以強制觸發瀏覽器的下載操作。
語法:
例:使用 html A 標籤下載圖片
HTML代碼:
1、download 屬性規定被下載的超鏈接目標。
2、在
3、該屬性也可以設置一個值來規定下載文件的名稱。所允許的值沒有限制,
js + html 實現下載
如果不方便使用A標籤來實現下載,可以使用JS生成A元素的形式,來實現同樣的效果。
案例代碼:
<button>點擊下載圖片/<button>
download 屬性補充說明
1、並不是所有的瀏覽器支持此屬性,Firefox 和 Chrome是支持的
2、Chrome 瀏覽器,在本地測試時失效
3、download 屬性,為html5 中新增的屬性
閱讀更多 飛鳥慕魚 的文章