在html中如何完成下載技巧

新項目基本告一段落，第一次完成前后端分離的集成，遇到的坑自然不少。

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

——關(guān)于下載的問題。。。

以前的做法，大家都喜愛用<a></a>標簽吧。而我一開始也是用a標簽，href屬性放在圖片的地址來模擬下載的功能。結(jié)果發(fā)現(xiàn)，這個鬼東西，你點擊他，直接是打開一張新圖片，并不是下載的意思。

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

download屬性

<a>標簽必須有href的屬性。瀏覽器將自動檢測正確的文件擴展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。

舉個例子舉個例子：

<a href="ccc.jpg" download>

其實你也可以自定義下載的文件名的

<a href="ccc.jpg" download="wageSoCute.jpg">

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

其一就是其兼容性，根據(jù)W3C提供的數(shù)據(jù)。

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

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

總結(jié)一句話，這個download是個好東西，但是看起來支持性并不好，不知道他未來的發(fā)展會怎么樣呢，畢竟現(xiàn)在也還是一個a標簽的新屬性，再等等看吧，現(xiàn)在至少知道有這么個東西就差不多了。

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

HTML的表格應(yīng)該怎樣布局

標注HTML元素時class與id有什么不同

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

以上就是在html中如何實現(xiàn)下載功能的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！