天天看點

JavaScript實作圖檔上傳并預覽并送出ajax(完整demo)

2021.03.31更新并附完整demo,點選下載下傳
JavaScript實作圖檔上傳并預覽并送出ajax(完整demo)
JavaScript實作圖檔上傳并預覽并送出ajax(完整demo)

如果想把圖檔資訊通過ajax傳給後端,則需要通過<code>new FormData()</code> 上傳圖檔資訊,然後使用 append() 方法向該對象裡添加字段,具體代碼如下:

(注:以下代碼在圖檔預覽成功後執行,也就是在<code>reader.readAsDataURL(file);</code> 後)

JavaScript實作圖檔上傳并預覽并送出ajax(完整demo)