在前端開發中，我們經常需要用到圖片的上傳和展示，而使用jQuery的ajax方法可以方便地實現圖片的傳輸與處理。

首先，需要在HTML中添加一個input標簽，用于選擇圖片：

<input type="file" id="fileUpload" />

然后，通過jQuery的ajax方法，將圖片傳輸到后端：

$('#fileUpload').change(function() {
var formData = new FormData();
formData.append('file', $('#fileUpload')[0].files[0]);
$.ajax({
type: 'POST',
url: '/upload',
data: formData,
contentType: false,
processData: false,
success: function(response) {
console.log(response);
},
error: function(error) {
console.log(error);
}
});
});

解析：

• 創建一個FormData對象，并將選擇的圖片添加到其中
• 通過ajax方法將FormData對象傳輸到后端
• 需要將contentType和processData設置為false，以便正確處理formData對象
• 在success回調函數中打印服務器返回的響應
• 在error回調函數中打印錯誤信息

最后，在后端接收到formData對象之后，可以對圖片進行處理并返回處理后的結果，前端再將圖片展示出來：

# Python Flask后端代碼
@app.route('/upload', methods=['POST'])
def upload():
file = request.files['file']
# 對圖片進行處理
result = process_image(file)
return JSONEncoder().encode({'result': result})
// 前端展示處理后的圖片
$('body').append('<img src="' + response.result + '" />');

解析：

• 在Flask中，使用request.files['file']可以獲取到formData中添加的圖片
• 對圖片進行處理后，將處理后的圖片路徑返回給前端
• 前端使用jQuery將處理后的圖片展示出來

通過以上方法，可以方便地使用jQuery的ajax方法實現圖片的傳輸和處理。