前端開發中，獲取圖片原始尺寸是一個常見且必要的操作，而JavaScript正是我們經常使用的代碼語言。在眾多的JavaScript操作中，如何獲取圖片的原始尺寸呢？下面就來一起探討一下。 獲取圖片原始尺寸的方法是使用一個Image對象，然后獲取這個對象的width和height屬性值。下面是一個簡單的示例代碼：

在這段代碼中，首先我們創建了一個Image對象。然后我們指定當圖片加載完成后，執行onload事件里的代碼，這里我們輸出了圖片的寬度和高度。最后，我們把圖片的路徑指定為‘example.png’。 此外，我們還可以使用自定義的一個函數，來獲取圖片的寬度和高度，代碼如下：

這里，我們定義了一個函數getImageSize，它的第一個參數是圖片的路徑，第二個參數是回調函數。在函數內部，我們創建了一個Image對象，在圖片加載完成后執行回調函數，把圖片的寬度和高度返回。最后我們調用getImageSize函數，指定圖片路徑和回調函數，并輸出寬度和高度。 除了直接使用Image對象獲取圖片的寬度和高度外，我們還可以實實現一些有意思的操作。比如，獲取一個含有多個圖片的容器的所有圖片的寬度和高度之和。代碼如下：

在這段代碼中，我們定義了一個getImagesSize函數，它的第一個參數是一個DOM元素，它的子元素包含了多個img標簽。在函數內部，我們首先獲得容器中所有的img標簽，然后循環這些標簽，分別創建一個Image對象，等所有圖片都加載完成后，累加所有圖片的寬度和高度，并執行回調函數。 總之，在前端開發中，獲取圖片原始尺寸是非常常見而且必要的，上述三個示例中足以滿足大多數操作的需求。