如何獲取圖像 javascript 的寬度和高度

Question

在為未來的項目創建此測試后，我遇到了一個我無法解決的任務，並且在瀏覽互聯網后似乎無法找到答案：

• 我了解由於缺乏 Javascript 的知識
• 似乎不適用於我的代碼布局

我想讓我們計算出上傳圖像的寬度和高度（以像素為單位），然后將其替換為 HTML 元素的內容。

My code is copied here: https://jsfiddle.net/op4sy5g8/

非常感謝，路易斯

Answer 1

如果要獲取圖像的尺寸，可以使用：

const url = URL.createObjectURL(<File>);
const img = new Image();
img.onload = () => {
  // The dimensions will be img.width and img.height
  URL.revokeObjectURL(url);
}
img.src = url;