在移動Web應用程序開發中，圖片上傳是一個必不可少的功能。jQuery Mobile為我們提供了一些簡單而優雅的解決方案。本文將介紹如何使用jQuery Mobile進行圖片上傳。

<form id="upload-form" method="post" enctype="multipart/form-data" action="upload.php">
<input type="file" name="image" id="image" accept="image/*">
<input type="submit" value="上傳">
</form>
$("[data-role='page']").on("pageinit", function() {
$("#upload-form").on("submit", function(e) {
e.preventDefault();
var form = $(this);
var formData = new FormData(form[0]);
$.ajax({
url: form.attr("action"),
type: form.attr("method"),
data: formData,
processData: false,
contentType: false,
success: function(data) {
alert("上傳成功");
},
error: function() {
alert("上傳失敗");
}
});
});
});

代碼中，我們首先創建一個表單，并在表單中添加一個文件上傳框和一個提交按鈕。當用戶點擊提交按鈕時，我們將通過jQuery Mobile的ajax函數發送POST請求，將用戶選擇的文件上傳到服務器。

需要注意的是，在ajax函數中，我們將processData和contentType屬性都設為false，以確保FormData對象被正確序列化。

至此，我們已經成功實現了一個簡單的圖片上傳功能。當然，在實際項目中，我們還需要增加文件大小、類型等驗證以及上傳進度顯示等功能。但本文的目的是為大家提供一個基本的思路和代碼示范，希望能對大家有所幫助。