jQuery Ajax在應用中經(jīng)常需要傳遞參數(shù),其中圖片參數(shù)的傳遞也是常見的需求。那么如何通過jQuery Ajax傳遞圖片參數(shù)呢?
我們先來看一下傳統(tǒng)的表單上傳圖片的方法。
<form action="submit.php" method="POST" enctype="multipart/form-data"> <input type="file" name="myFile" /> <input type="submit" value="上傳" /> </form>
在上述代碼中,我們使用了HTML表單實現(xiàn)了上傳圖片的功能,其中input標簽的type屬性為file,name屬性為myFile代表了我們要上傳的圖片。
那么在使用jQuery Ajax實現(xiàn)圖片上傳時,我們只需要在參數(shù)中添加一個FormData對象即可:
var formData = new FormData(); formData.append("myFile", file); //file為文件對象 $.ajax({ url: "submit.php", data: formData, type: "POST", processData: false, contentType: false, success: function(data) { console.log(data); } });
在上述代碼中,我們創(chuàng)建了一個FormData對象,然后通過append方法將上傳的文件添加到FormData中。在jQuery Ajax中,我們需要設(shè)置processData和contentType為false,這樣才能上傳圖片。
通過上述方法,就可以輕松地通過jQuery Ajax上傳圖片。