如何獲取上傳圖片的圖片名稱和大小

Question

我正在使用此代碼來解決我的問題。 通過使用下面的代碼，我試圖獲取圖像名稱及其以字節/Mbps 為單位的大小。

 'use strict'; const myImages = []; function addImage(imageBlob) { myImages.push(imageBlob); } function redrawImages() { const divForImages = document.getElementById('myImages'); divForImages.innerHTML = ''; myImages.forEach((imageBlob) => { const img = document.createElement('img'); img.src = URL.createObjectURL(imageBlob); divForImages.appendChild(img); }); } function addImageAndRedraw() { const fileInput = document.getElementById('fileInput'); if (fileInput.files.length === 1) { addImage(fileInput.files[0]); redrawImages(); } else { alert('No file selected. Select a file and try again.'); } } const button = document.getElementById('button'); button.addEventListener('click', addImageAndRedraw);

 <.DOCTYPE html> <html> <head> </head> <body> <h1>My images</h1> <input id="fileInput" type="file" accept="image/*" multiple="false" value="Select image"> <input id="button" type="button" value="Add image and redraw"> <hr> <div id="myImages"></div> <script src="album.js"></script> </body> </html>

我曾嘗試使用img.name但已棄用。

怎么做？ 任何幫助將不勝感激

Answer 1

imageBlob不是一個 blob。 它是一個File ，它有一個name屬性。 該名稱不會轉移到img DOMElement。

如何獲取上傳圖片的圖片名稱和大小

問題描述

1 個解決方案

解決方案1
1 2021-02-22 12:18:49

如何獲取上傳圖片的圖片名稱和大小

問題描述

1 個解決方案

解決方案1 1 2021-02-22 12:18:49

解決方案1
1 2021-02-22 12:18:49