国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

html利用a標(biāo)簽實(shí)現(xiàn)下載本地的文件

這篇具有很好參考價值的文章主要介紹了html利用a標(biāo)簽實(shí)現(xiàn)下載本地的文件。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

????????在寫html頁面的時候,需要在網(wǎng)頁上提供一個下載按鈕可以下載我自己電腦中的文件。我已經(jīng)知道了該文件的路徑,但是之前看了很多文章都沒找到正確辦法,一直不知道如何能夠下載本地的文件,經(jīng)過不斷實(shí)驗(yàn)發(fā)現(xiàn),可以利用a標(biāo)簽中的downlo屬性,同時將href屬性設(shè)置為文件的路徑,注意:該路徑對html頁面來說是相對路徑。

下面舉個例子:

html利用a標(biāo)簽實(shí)現(xiàn)下載本地的文件

?這是圖片和html頁面所在的位置,可以知道對于upload.html來說,福登.jpg的相對路徑就是:./static/store\\img\\福登.jpg,因此在upload.html中,可以這樣設(shè)置a標(biāo)簽:
?

<a href="./static/store\\img\\福登.jpg" download="福登.jpg"><button class="down">下載</button></a>

其中download指明該文件用于下載,它的取名可以為任意值,一般用于指定下載后的文件的名稱。button是我添加的一個按鈕,這個有沒有無所謂的。

當(dāng)我把鼠標(biāo)放在下載那按鈕上時,電腦左下角會出現(xiàn)這個文件所在的位置:127.0.0.1:5000/static/store/img/福登.jpg

html利用a標(biāo)簽實(shí)現(xiàn)下載本地的文件?

html利用a標(biāo)簽實(shí)現(xiàn)下載本地的文件

?點(diǎn)擊下載后可以選擇下載的位置,最后下載成功!

html利用a標(biāo)簽實(shí)現(xiàn)下載本地的文件

?

html利用a標(biāo)簽實(shí)現(xiàn)下載本地的文件


我認(rèn)為最重要的就是,href中的路徑一定是文件相對于這個html頁面的相對路徑,只要相對路徑設(shè)置對了,就可以在頁面中提供本地的文件供下載了。文章來源地址http://www.zghlxwxcb.cn/news/detail-414476.html

到了這里,關(guān)于html利用a標(biāo)簽實(shí)現(xiàn)下載本地的文件的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • html網(wǎng)站video標(biāo)簽blob視頻如何下載

    html網(wǎng)站video標(biāo)簽blob視頻如何下載

    在淘寶或tdtu知乎等有時想下載里面的視頻資源,看了一下視頻標(biāo)簽里的video不是MP4格式url,而是blob+url的方式。 是blob:https并不是一種協(xié)議,而是html5中blob對象在賦給video標(biāo)簽后生成的一串標(biāo)記,blob對象對象包含的數(shù)據(jù),瀏覽器內(nèi)部會解析 關(guān)于Blob原理和方式 blob 其實(shí)是 h5 表征

    2024年02月21日
    瀏覽(85)
  • Springboot + MySQL + html 實(shí)現(xiàn)文件的上傳、存儲、下載、刪除

    Springboot + MySQL + html 實(shí)現(xiàn)文件的上傳、存儲、下載、刪除

    實(shí)現(xiàn)步驟及效果呈現(xiàn)如下: 1.創(chuàng)建數(shù)據(jù)庫表: 表名:file_test 存儲后的數(shù)據(jù): 2.創(chuàng)建數(shù)據(jù)庫表對應(yīng)映射的實(shí)體類: import com.baomidou.mybatisplus.annotation.IdType ; import com.baomidou.mybatisplus.annotation. TableField ; import com.baomidou.mybatisplus.annotation. TableId ; import com.baomidou.mybatisplus.annotation. Tab

    2024年04月29日
    瀏覽(28)
  • 使用Java實(shí)現(xiàn)遠(yuǎn)程文件下載到本地目錄

    今天開發(fā)時遇見了一個下載附件的需求,他的附件是存在一個網(wǎng)盤里查詢時只是給我返回了一個https的路徑,需要通過這個路徑把附件下載到本地的目錄里 這里我使用的是網(wǎng)上搜索的圖片路徑做了一下測試僅供參考 如正文介紹 使用Java實(shí)現(xiàn)遠(yuǎn)程文件下載到本地目錄記錄就到此

    2024年02月12日
    瀏覽(20)
  • HTML JS實(shí)現(xiàn)點(diǎn)擊按鈕下載文件功能例子(C知道版)

    ? ? ? ? 其實(shí)這篇應(yīng)該算是一篇“水”文章,為什么要這么“水”呢,除了最近南方的氣候悶熱難耐需要降溫之外,另一個主要原因,這里面所寫的代碼均是由CSDN的AI文本大模型\\\"C知道\\\"完成,我在這里只是簡單記錄一下,也方便其他有需求的同學(xué)借鑒一下,少繞一些彎路(有

    2024年02月15日
    瀏覽(20)
  • vue純前端實(shí)現(xiàn)下載excel文件,本地和測試環(huán)境都可正常下載

    vue純前端實(shí)現(xiàn)下載excel文件,本地和測試環(huán)境都可正常下載

    vue2純前端實(shí)現(xiàn)下載excel文件,本地和測試環(huán)境都可正常下載。 1、把后端給的excel文件放到本地項(xiàng)目文件夾中,位置如圖所示: 2、在需要展示下載功能的頁面中引入該excel文件,如圖所示: 3、使用a鏈接,href綁定引入的excel文件路徑,并添加download屬性,download屬性值就是下載

    2024年02月13日
    瀏覽(97)
  • vue-cli4前端實(shí)現(xiàn)下載本地Excel模板,以及下載靜態(tài)文件的坑

    vue-cli4前端實(shí)現(xiàn)下載本地Excel模板,以及下載靜態(tài)文件的坑

    a標(biāo)簽的下載功能: 1:bobl ----二進(jìn)制流文件 Blob對象標(biāo)識一個不可變、原始數(shù)據(jù)的類文件對象。Blob表示的不一定是JavaScript原生格式的數(shù)據(jù) 2:responseType responseType它表示服務(wù)器響應(yīng)的數(shù)據(jù)類型,由于后臺返回來的是二進(jìn)制數(shù)據(jù),所以要把它設(shè)為‘blob’ 通過設(shè)置responseType為blo

    2024年02月02日
    瀏覽(123)
  • HTML5中關(guān)于解決video標(biāo)簽禁止右鍵和下載視頻的辦法

    近期做了一個關(guān)于在線文件管理的項(xiàng)目,類似網(wǎng)盤,基本功能包含用戶、消息、項(xiàng)目、分享、文件提取、收藏、回收站等主要功能,領(lǐng)挖還有一些office、壓縮包、圖片、文本、音頻和視頻的預(yù)覽功能。 音頻我使用的是APlayer,視頻使用的是DPlayer,為了做個兼容,視頻還有htm

    2024年02月11日
    瀏覽(87)
  • 【一種使用瀏覽器讀取本地excel、josn等數(shù)據(jù)文件的方法】Python+JavaScript+HTML實(shí)現(xiàn)

    【一種使用瀏覽器讀取本地excel、josn等數(shù)據(jù)文件的方法】Python+JavaScript+HTML實(shí)現(xiàn)

    一般來說,為了網(wǎng)絡(luò)訪問安全,瀏覽器是不能直接加載本地文件的,IE內(nèi)核的瀏覽器提供了AX控件實(shí)現(xiàn)本地文件的讀取,Chrome 86 版本后也提供了相應(yīng)的API,但都存在使用限制和兼容性問題。有時開發(fā)者只是想利用瀏覽器編制一些簡單的腳本完成一些任務(wù),不想學(xué)習(xí)C、C++、Pyt

    2024年02月07日
    瀏覽(33)
  • 【HTML5】HTML5 多媒體標(biāo)簽 ① ( audio 音頻標(biāo)簽 | 音頻標(biāo)簽常見屬性值設(shè)置 | 音頻標(biāo)簽?zāi)J(rèn)代碼設(shè)置 | 音頻標(biāo)簽設(shè)置多種類型音頻文件 )

    【HTML5】HTML5 多媒體標(biāo)簽 ① ( audio 音頻標(biāo)簽 | 音頻標(biāo)簽常見屬性值設(shè)置 | 音頻標(biāo)簽?zāi)J(rèn)代碼設(shè)置 | 音頻標(biāo)簽設(shè)置多種類型音頻文件 )

    傳統(tǒng) HTML 開發(fā)中 , 如果想要向網(wǎng)頁中嵌入音頻和視頻 , 需要 使用 Flash 瀏覽器插件才能實(shí)現(xiàn) ; 在 HTML5 中 , 使用 多媒體標(biāo)簽 , 即可實(shí)現(xiàn)向?yàn)g覽器中插入音視頻 , 多媒體標(biāo)簽如下 : 音頻標(biāo)簽 : audio 視頻標(biāo)簽 : video HTML 5 的 audio 音頻標(biāo)簽 , 支持 ogg / mp3 / wav 三種格式的音頻 , 不同的

    2024年02月15日
    瀏覽(115)
  • CentOS如何使用Docker部署Plik服務(wù)并實(shí)現(xiàn)公網(wǎng)訪問本地設(shè)備上傳下載文件

    CentOS如何使用Docker部署Plik服務(wù)并實(shí)現(xiàn)公網(wǎng)訪問本地設(shè)備上傳下載文件

    本文介紹如何使用Linux docker方式快速安裝Plik并且結(jié)合Cpolar內(nèi)網(wǎng)穿透工具實(shí)現(xiàn)遠(yuǎn)程訪問,實(shí)現(xiàn)隨時隨地在任意設(shè)備上傳或者下載或者共享文件! Plik是一個可擴(kuò)展且友好的臨時文件上傳系統(tǒng),類似于wetransfer。它具有強(qiáng)大的命令行客戶端和易于使用的Web UI,支持多個數(shù)據(jù)后端(文

    2024年04月17日
    瀏覽(28)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包