HTML5圖片上傳的代碼 HTML5為網頁設計師和開發者提供了一種簡單而強大的方法，使用戶可以輕松上傳和共享圖片。通過HTML5，我們可以直接在頁面上上傳圖片，而不需要使用Flash或Java等插件。下面就是一個基本的HTML5圖片上傳的代碼。

使用HTML5上傳圖片：

<input type="file" accept="image/*" onchange="preview_image(event)">

這段代碼通過Input標簽的type屬性設置為file，用戶可以從本地上傳任何類型的文件。通過accept屬性設置為image/*，限制了上傳文件的類型只能是圖片。 onchange屬性會在用戶選擇文件后自動觸發preview_image函數。它會傳遞一個事件對象作為參數，我們可以使用該事件獲取已選擇的圖片。

預覽圖片：

function preview_image(event) {
var reader = new FileReader();
reader.onload = function() {
var output = document.getElementById('output_image');
output.src = reader.result;
}
reader.readAsDataURL(event.target.files[0]);
}

在這段代碼中，我們使用FileReader對象讀取選擇的文件。一旦讀取完成，它會觸發onload事件。我們通過output_image的ID獲取圖片的img標記，并將讀取的結果指定為其src屬性。

顯示圖片：

<img id="output_image" width="300" height="300" alt="preview image">

通過上面這段代碼，我們創建了一個img標簽用于顯示預覽的圖片。當我們上傳圖片時，它將直接在頁面上顯示出來。 通過以上代碼，我們就成功地實現了HTML5圖片上傳的功能。這是一個簡單的示例，你可以根據自己的需要修改和擴展該代碼，以達到更加豐富和完整的功能。