HTML頁面怎么實(shí)現(xiàn)點(diǎn)擊下載文件

今天小編給大家分享一下HTML頁面怎么實(shí)現(xiàn)點(diǎn)擊下載文件的相關(guān)知識點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

專注于為中小企業(yè)提供網(wǎng)站設(shè)計、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)田陽免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

1.使用<a>標(biāo)簽來完成

<ahref="/user/test/xxxx.txt"download="文件名.txt">點(diǎn)擊下載</a>

這樣當(dāng)用戶打開瀏覽器點(diǎn)擊鏈接的時候就會直接下載文件。

但是有個情況，比如txt,png,jpg等這些瀏覽器支持直接打開的文件是不會執(zhí)行下載任務(wù)的，而是會直接打開文件，這個時候就需要給a標(biāo)簽添加一個屬性“download”;

以下為例子

移到標(biāo)簽<a>標(biāo)簽上可以顯示文件路徑，根據(jù)路徑提示進(jìn)行文件路徑的補(bǔ)全

<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

</head>

<body>

<ahref="321.png"download="test.png">點(diǎn)擊下載</a>

</body>

</html>

若需從網(wǎng)頁上傳的圖片中進(jìn)行下載可能會用到以下方法

獲取主機(jī)域名：

location.hostname

獲取端口號：

location.port

2.使用按鈕進(jìn)行監(jiān)聽

按鈕監(jiān)聽又可以分為兩種方法，

一是window.open()

var$eleBtn1=$("#btn1");

var$eleBtn2=$("#btn2");

//已知一個下載文件的后端接口：https://codeload.github.com/douban/douban-client/legacy.zip/master

//方法一：window.open()

$eleBtn1.click(function(){

window.open("https://codeload.github.com/douban/douban-client/legacy.zip/master");

});

二是表單提交

//方法二：通過form

$eleBtn2.click(function(){

var$eleForm=$("<formmethod='get'></form>");

$eleForm.attr("action","https://codeload.github.com/douban/douban-client/legacy.zip/master");

$(document.body).append($eleForm);

//提交表單，實(shí)現(xiàn)下載

$eleForm.submit();

});

以上就是“HTML頁面怎么實(shí)現(xiàn)點(diǎn)擊下載文件”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站題目：HTML頁面怎么實(shí)現(xiàn)點(diǎn)擊下載文件
本文路徑：http://jinyejixie.com/article22/pospcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、小程序開發(fā)、定制開發(fā)、品牌網(wǎng)站設(shè)計、電子商務(wù)、網(wǎng)站排名

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

HTML頁面怎么實(shí)現(xiàn)點(diǎn)擊下載文件