資訊專欄INFORMATION COLUMN
摘要：先來介紹一下我們的主角讓我們有一個(gè)簡單認(rèn)識圖中我們可以看到標(biāo)簽的屬性，他是用來指定可以下載，值是。這樣的下載需要后端人員配合，這咔咔咔就改代碼。跨域情況，里面設(shè)置不好使測試地址同上。這樣寫成一個(gè)可以讓我們不用界面上放一個(gè)標(biāo)簽，換成觸發(fā)。
先來介紹一下我們的主角download讓我們有一個(gè)簡單認(rèn)識,圖中我們可以看到a標(biāo)簽的download屬性，他是用來指定可以下載，值是filename。圖片來源
再來說說場景，網(wǎng)頁上要下載東西，下載一個(gè)資源（軟件.exe 、 壓縮包.zip 、 圖片.png 、 本文.txt ），我們通過url打開，發(fā)現(xiàn)有的可以下載，有的直接顯示了，這就有點(diǎn)尷尬了。先說說為什么有的資源就直接顯示了。這是因?yàn)闉g覽器發(fā)現(xiàn)他可以自己打開了，所以他就覺得他要顯示比如你的 .png .txt .html。那如果我們要下載怎么辦？
這種東西呢，一般就兩個(gè)辦法，一個(gè)前端控制，一個(gè)后端控制。
后端控制 新給你一個(gè)url，加個(gè)下載頭。瀏覽器一看，哎呦這個(gè)東西是要下載的，不需要打開，他就直接下載了。這樣的下載需要后端人員配合，這咔咔咔就改代碼。
前端控制 a標(biāo)簽的Download屬性，加上以后，就是下載資源，這個(gè)好，想下載什么下載什么，但是呢，這種好用的東西在前端一般都有問題，什么問題？兼容問題唄，F(xiàn)F不支持跨域下載，非跨域下是可以下載的-測試地址。跨域情況，chrome里面設(shè)置filename不好使-測試地址同上。當(dāng)然，還有我們要兼容的ie。
//這樣寫成一個(gè)function可以讓我們不用界面上放一個(gè)a標(biāo)簽，換成js觸發(fā)。
a = document.createElement("a");
a.download = filename;
a.;
// 觸發(fā)點(diǎn)擊
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/92009.html
摘要：本文是淺析微信支付系列文章的第十一篇，主要講解支付驗(yàn)收示例和驗(yàn)收指引。為保證商戶接入質(zhì)量，提升交易安全及用戶體驗(yàn)，微信支付的合作服務(wù)商在正式上線交易前，必須先根據(jù)本文指引完成驗(yàn)收。 本文是【淺析微信支付】系列文章的第十一篇，主要講解支付驗(yàn)收示例和驗(yàn)收指引。 淺析微信支付系列已經(jīng)更新十一篇了喲～，沒有看過的朋友們可以看一下。 淺析微信支付：如何使用沙箱環(huán)境測試 淺析微信支付：下載對賬單...
摘要：前端最基礎(chǔ)的就是。一個(gè)朋友的問題，監(jiān)測下載進(jìn)度。這節(jié)主要是講如何使用，以及前端下載的核心操作。下載文件，并顯示進(jìn)度條。下載文件，并顯示進(jìn)度條下載文件上面已經(jīng)實(shí)現(xiàn)了，那我們先說說如何顯示進(jìn)度條。實(shí)現(xiàn)代碼如下，我們操作成讀流，然后統(tǒng)計(jì)長度。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（H...
摘要：前端最基礎(chǔ)的就是。一個(gè)朋友的問題，監(jiān)測下載進(jìn)度。這節(jié)主要是講如何使用，以及前端下載的核心操作。下載文件，并顯示進(jìn)度條。下載文件，并顯示進(jìn)度條下載文件上面已經(jīng)實(shí)現(xiàn)了，那我們先說說如何顯示進(jìn)度條。實(shí)現(xiàn)代碼如下，我們操作成讀流，然后統(tǒng)計(jì)長度。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（H...
閱讀 2128·2021-09-27 14:04
閱讀 1873·2019-08-30 15:55
閱讀 1698·2019-08-30 13:13
閱讀 1065·2019-08-30 13:07
閱讀 2742·2019-08-29 15:20
閱讀 3240·2019-08-29 12:42
閱讀 3324·2019-08-28 17:58
閱讀 3593·2019-08-28 17:56
