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