HTML手機端上傳照片代碼 在移動設備的瀏覽器中，上傳照片是很常見的需求。以下就是一段HTML代碼，可以讓用戶在手機端上傳照片，并將照片顯示在頁面中。 首先是HTML代碼：

請選擇照片：

上傳照片

<!-- 請在手機端打開此頁面 -->
<p>
請選擇照片：<br>
<input type="file" accept="image/*" capture="camera" id="photo-input"><br>
<button onclick="uploadPhoto()">上傳照片</button>
</p>

其中，`type="file"`表示這是一個文件上傳的input元素；`accept="image/*"`表示只能選擇圖片文件；`capture="camera"`表示在移動設備上選擇照片時，可以選擇拍攝照片。`id="photo-input"`是為了方便JavaScript代碼中操作該元素。 接下來是JavaScript代碼：

function uploadPhoto() {
var input = document.getElementById('photo-input');
var file = input.files[0];
var fr = new FileReader();
fr.onload = function() {
var img = document.createElement('img');
img.src = fr.result;
document.body.appendChild(img);
};
fr.readAsDataURL(file);
}

這段代碼中，首先獲取到文件上傳input元素中選中的文件，然后使用FileReader API將文件轉換為DataURL，接著創建一個img元素，并將DataURL設置為img元素的src屬性。最后，將該img元素添加到頁面中。 這段代碼在選擇完照片并點擊上傳按鈕后，會將照片顯示在頁面中。 以上就是HTML手機端上傳照片的代碼實現。