首頁猿問如何在我的 HTML...

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

JavaScript

喵喵時光機 2021-12-12 09:33:24

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

查看完整描述

2 回答

慕娘9325324

TA貢獻1783條經驗獲得超4個贊

這有效，只是在本地文件上進行了測試并給出了正確的名稱。只需要熟悉 img 對象上的對象屬性。

<!DOCTYPE html>

<html>

<head>

</head>

function imgListener(imgFile){

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

}

</script>

</html>

讓我知道這是否有效

選擇

<!DOCTYPE html>

<html>

<head>

</head>

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>

反對回復 2021-12-12

泛舟湖上清波郎朗

TA貢獻1818條經驗獲得超3個贊

嘗試這樣的事情：

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])

}

創建一個臨時項并附加圖像以獲取屬性，我不知道這是否適用于您的情況。

反對回復 2021-12-12

2 回答
0 關注
472 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

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

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

2 回答

添加回答