在html中如何完成下載技巧
發表時間:2024-05-06 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這次給大家帶來在html中如何實現下載功能,在html中實現下載功能的注意事項有哪些,下面就是實戰案例,一起來看一下。新項目基本告一段落,第一次完成前后端分離的集成,遇到的坑自然不少。來說說第一天遇到的其中一個坑吧。——關于下載的問題。。。以前的做法,大家都喜愛用<a></a&g...
這次給大家帶來在html中如何實現下載功能,在html中實現下載功能的
注意事項有哪些,下面就是實戰案例,一起來看一下。
新項目基本告一段落,第一次完成前后端分離的集成,遇到的坑自然不少。
來說說第一天遇到的其中一個坑吧。
——關于下載的問題。。。
以前的做法,大家都喜愛用<a></a>標簽吧。而我一開始也是用a標簽,href屬性放在圖片的地址來模擬下載的功能。結果發現,這個鬼東西,你點擊他,直接是打開一張新圖片,并不是下載的意思。
然后,我看了一篇文章,又打開了本寶寶的新世界大門。
download屬性
<a>標簽必須有href的屬性。瀏覽器將自動檢測正確的文件擴展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。
舉個例子舉個例子:
<a href="ccc.jpg" download>
其實你也可以自定義下載的文件名的
<a href="ccc.jpg" download="wageSoCute.jpg">
但其實這種方法也是有很大的局限性的。
其一就是其兼容性,根據W3C提供的數據。
這樣下來看來這個屬性暫時的實用性其實一般般。
還有一個坑是我還沒有踩到的,就是跨域問題,等我踩了再去更新下。。
總結一句話,這個download是個好東西,但是看起來支持性并不好,不知道他未來的發展會怎么樣呢,畢竟現在也還是一個a標簽的新屬性,再等等看吧,現在至少知道有這么個東西就差不多了。
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
HTML的表格應該怎樣布局
標注HTML元素時class與id有什么不同
td標簽的border樣式在瀏覽器不顯示的解決方法
以上就是在html中如何實現下載功能的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。