今天我們來學習一下在手機端使用html5上傳圖片的代碼。在手機設備上使用html5上傳圖片已經成為了一項很常見的需求。那么我們該如何實現呢？ 首先，我們需要準備一個上傳的表單，代碼如下：

<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="image" id="image">
<input type="submit" value="上傳圖片">
</form>

在這個表單中，我們定義了一個文件類型的input元素，在用戶點擊上傳按鈕時，將會跳轉到我們的php文件來處理上傳的圖片。注意，這里的enctype屬性需要設置成multipart/form-data，才能正常上傳文件。 接著，我們需要寫一段javascript代碼來獲取用戶選中的圖片，并將其顯示在界面上。代碼如下：

<script>
function previewImage(file) {
var preview = document.getElementById('preview');
var reader = new FileReader();
reader.onload = function (e) {
preview.src = e.target.result;
}
reader.readAsDataURL(file);
}
document.getElementById('image').addEventListener('change', function () {
var file = this.files[0];
previewImage(file);
});
</script>

這段代碼實現了在用戶選擇圖片后將其預覽在界面上的功能。我們定義了一個previewImage()函數，使用FileReader對象讀取用戶選擇的圖片，將其轉化成Base64編碼的字符串，再將字符串設置為img元素的src屬性。最后的addEventListener()方法則是監聽input元素的change事件，當用戶選擇完成圖片后，調用previewImage()函數。 最后，我們需要在上傳的php文件中獲取到并處理這張圖片，代碼如下：

<?php
if ($_FILES["image"]["error"] >0)
{
echo "上傳出現錯誤: " . $_FILES["image"]["error"] . "
";
}
else
{
move_uploaded_file($_FILES["image"]["tmp_name"], "./uploads/" . $_FILES["image"]["name"]);
echo "圖片已保存在: " . "uploads/" . $_FILES["image"]["name"];
}
?>

在這段php代碼中，我們調用了move_uploaded_file()函數來將上傳的圖片保存在uploads文件夾中，并將文件名輸出到屏幕上。 這樣，我們就成功地實現了在手機端使用html5上傳圖片的功能。如果您有更好的實現方式或有疑問之處，歡迎留言交流！