簡(jiǎn)介

其實(shí)原理很簡(jiǎn)單就是通過(guò)瀏覽器的性質(zhì)來(lái)完成下載

方案1

function download(src) {const $a = document.createElement('a');$a.setAttribute("href", src);$a.setAttribute("download", "");const event = new MouseEvent('click');$a.dispatchEvent(evObj); };

此方法原理為觸發(fā)a標(biāo)簽的click事件

方案二

function download(src) {const $a = document.createElement('a');$a.setAttribute("href", src);$a.setAttribute("download", "");$a.click() };

此方法同上

以上原理

<a href="1.png" download=""></a>

方案三

注意事項(xiàng)

測(cè)試環(huán)境: chrome
比較坑的一點(diǎn)是如果以上操作在異步, 那么將無(wú)法正常下載

總結(jié)

以上是生活随笔為你收集整理的通过js下载图片的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。