首頁 > web前端 > html教學 > 在html中如何實現下載功能

在html中如何實現下載功能

php中世界最好的语言
發布: 2018-01-23 11:10:27
原創
5289 人瀏覽過

這次帶給大家在html中如何實現下載功能,在html中實現下載功能的注意事項有哪些,以下就是實戰案例,一起來看一下。

新專案基本告一段落,第一次完成前後端分離的集成,遇到的坑自然不少。

來說說第一天遇到的其中一個坑吧。

——關於下載的問題。 。 。

以前的做法,大家都很喜愛用標籤吧。而我一開始也是用a標籤,href屬性放在圖片的位址來模擬下載的功能。結果發現,這個鬼東西,你點擊他,直接打開一張新圖片,並不是下載的意思。

然後,我看了一篇文章,又打開了本寶寶的新世界大門。

download屬性

標籤必須有href的屬性。瀏覽器將自動偵測正確的檔案副檔名並新增至檔案 (.img, .pdf, .txt, .html, 等等)。

舉例舉例:

其實你也可以自訂下載的檔案名稱的

但其實這種方法也是有很大的限制的。

其一就是其相容性,根據W3C提供的資料。

這樣下來看來這個屬性暫時的實用性其實一般般。

還有一個坑是我還沒踩到的,就是跨域問題,等我踩了再去更新下。 。

總結一句話,這個download是個好東西,但是看起來支持性並不好,不知道他未來的發展會怎麼樣呢,畢竟現在也還是一個a標籤的新屬性,再等等看吧,現在至少知道有這麼東西就差不多了。

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

#相關閱讀:

HTML的表格應該如何佈局

標註HTML元素時class與id有什麼不同

td標籤的border樣式在瀏覽器不顯示的解決方法

以上是在html中如何實現下載功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板