第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何在我的 HTML 中獲取圖像文件的名稱

如何在我的 HTML 中獲取圖像文件的名稱

我試圖在我的 HTML 中獲取上傳的圖像文件的名稱。我嘗試在https://stackoverflow.com/questions/1804745/get-the-filename-of-a-fileupload-in-a-document-through-javascript和應(yīng)用解決方案https://stackoverflow.com/questions/14359913/how-to-get-value-of-img-tag。他們幫助了我一點(diǎn),但并不完全。所以,我的 img 標(biāo)簽看起來(lái)像這樣: <img id="imgPreview"  src="Anzeige%20erstellen-Dateien/default_offers_photo-edd8e5ff2d549a9fa1a898b23119931ebd0e745.png" width="500px" height="360px" style="padding-left:15px;" onload="imgListener()"/>上面的函數(shù)看起來(lái)像這樣:function imgListener(imgFile){    console.log(document.getElementById('imgPreview').src)}當(dāng)我運(yùn)行這段代碼時(shí),它向我顯示了一個(gè)包含數(shù)千個(gè)字母和數(shù)字的瘋狂長(zhǎng)文本。這肯定不是我要求的。控制臺(tái)輸出看起來(lái)像這樣,但只有更長(zhǎng)的時(shí)間:我正在使用src而不是value. 我猜這就是造成這種情況的原因。但我不知道我還能如何訪問(wèn)這些信息,我現(xiàn)在知道它value不用于 img 標(biāo)簽。我該怎么做才能只得到文件的名稱?
查看完整描述

2 回答

?
慕娘9325324

TA貢獻(xiàn)1783條經(jīng)驗(yàn) 獲得超4個(gè)贊

這有效,只是在本地文件上進(jìn)行了測(cè)試并給出了正確的名稱。只需要熟悉 img 對(duì)象上的對(duì)象屬性。


<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

    </head>

    <img id="imgPreview"  src="Anzeige%20erstellen-Dateien/default_offers_photo-edd8e5ff2d549a9fa1a898b23119931ebd0e745.png" width="500px" height="360px" style="padding-left:15px;" onload="imgListener()"/>

    <script>

        function imgListener(imgFile){

            console.log(document.getElementById('imgPreview').attributes[1].textContent);

        }

    </script>

</html>

讓我知道這是否有效


選擇


<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

    </head>

    <img id="imgPreview"  src="Anzeige%20erstellen-Dateien/default_offers_photo-edd8e5ff2d549a9fa1a898b23119931ebd0e745.png" width="500px" height="360px" style="padding-left:15px;" onload="imgListener()"/>

    <script>

        function imgListener(imgFile){

            let name = document.getElementById('imgPreview').attributes[1].textContent;

            let nameSplit = name.split("/");

            let lastSplit = nameSplit[nameSplit.length - 1];

            console.log(lastSplit);

        }

    </script>

</html>


查看完整回答
反對(duì) 回復(fù) 2021-12-12
?
泛舟湖上清波郎朗

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超3個(gè)贊

嘗試這樣的事情:


function imgListener(imgFile){

  const el = document.getElementById('imgPreview');

  const tmp = document.createElement("div");

  tmp.appendChild(el);

  console.log(tmp.getElementsByTagName("img")[0].getAttribute("src").split("/").reverse()[0])

}

<img id="imgPreview"  src="Anzeige%20erstellen-Dateien/default_offers_photo-edd8e5ff2d549a9fa1a898b23119931ebd0e745.png" style="padding-left:15px;" onload="imgListener()"/>

創(chuàng)建一個(gè)臨時(shí)項(xiàng)并附加圖像以獲取屬性,我不知道這是否適用于您的情況。


查看完整回答
反對(duì) 回復(fù) 2021-12-12
  • 2 回答
  • 0 關(guān)注
  • 461 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)