久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

html實(shí)現(xiàn)點(diǎn)擊直接下載文件應(yīng)該怎么做?

本篇文章和大家了解一下html實(shí)現(xiàn)點(diǎn)擊直接下載文件應(yīng)該怎么做。有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)大家有所幫助。

10年積累的網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有澄城免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

html實(shí)現(xiàn)點(diǎn)擊直接下載文件應(yīng)該怎么做?

1、使用<a>標(biāo)簽

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

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

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

實(shí)例如下:

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

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title></title>  
    </head>  
    <body>  
        <a href="321.png" download="test.png">點(diǎn)擊下載</a>    
    </body>  
</html>

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

獲取主機(jī)域名:

location.hostname

獲取端口號(hào):

location.port

2、使用按鈕進(jìn)行監(jiān)聽(tīng)

按鈕監(jiān)聽(tīng)又可以分為兩種方法,

一是window.open()

var $eleBtn1 = $("#btn1");  
        var $eleBtn2 = $("#btn2");  
        //已知一個(gè)下載文件的后端接口: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");  
        });

二是表單提交

//方法二:通過(guò)form  
        $eleBtn2.click(function(){  
            var $eleForm = $("<form method='get'></form>");  
            $eleForm.attr("action","https://codeload.github.com/douban/douban-client/legacy.zip/master");  
            $(document.body).append($eleForm);  
            //提交表單,實(shí)現(xiàn)下載  
            $eleForm.submit();  
        });

關(guān)于html實(shí)現(xiàn)點(diǎn)擊直接下載文件應(yīng)該怎么做就分享到這里了,當(dāng)然并不止以上和大家分析的辦法,不過(guò)小編可以保證其準(zhǔn)確性是絕對(duì)沒(méi)問(wèn)題的。希望以上內(nèi)容可以對(duì)大家有一定的參考價(jià)值,可以學(xué)以致用。如果喜歡本篇文章,不妨把它分享出去讓更多的人看到。

本文題目:html實(shí)現(xiàn)點(diǎn)擊直接下載文件應(yīng)該怎么做?
網(wǎng)站網(wǎng)址:http://sd-ha.com/article48/gjjshp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、全網(wǎng)營(yíng)銷(xiāo)推廣、響應(yīng)式網(wǎng)站、靜態(tài)網(wǎng)站、App開(kāi)發(fā)、關(guān)鍵詞優(yōu)化

廣告

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

網(wǎng)站優(yōu)化排名