[程式新手] ajax上傳檔案與node.js後端接收檔案疑問

node.js multer ajax formdata

拿著香蕉的猴子 2020-09-28 19:04:26 ‧ 2507 瀏覽

分享至

Q1.前端問題

想用ajax上傳檔案
檔案是預設TXT檔然後內容是JSON格式
我在AJAX中這樣設定dataType:"json"傳送到後端就是JSON了嗎?還是要轉換
已經可以取得檔案資訊但是下面程式好像不運作，我的formData沒有append東西

  form_data.append('file',file_data);  //物件加到file後面

Q2.後端問題

在NODE.JS使用MULTER做處理檔案
當我POST 沒有upload.array()可以順利POST 當然也不會接收到東西
可是加了POST就直接500 不知道是否是Q1所導致

附上github:https://github.com/bo-han-kao/BicZone/tree/logintest
會使用到的檔案:routes/upload.js
public/js/upload-data.js
views/upload.ejs
假資料可用加附檔名txt測試:scandata.json

煩請各位大大解惑

愷開 iT邦新手 4 級 ‧ 2020-09-28 19:30:10 檢舉

Q1.
傳送檔案的時候如果以 http request 做傳送沒意外就是 multipart/form-data，跟檔案格式沒有關係。dataType 沒有設定的話預設是 `x-www-form-encoded` 不過我想 jQuery 應該會另外判斷，如果設定成 json 應該是沒辦法成功，或是會幫你把 formData 序列化成 json 資料才對。

> 已經可以取得檔案資訊但是下面程式好像不運作，我的formData沒有append東西
這行程式碼看起來是沒問題的，如果要取得資料細節的話要用 `formData.get(key)`

Q2. 如果有看 multer 的文件的話應該會發現 multer.array() 第一個參數應該是個字串才對，但是在這裡沒有看到你給值，所以才會有錯誤？
可以試著打開 devtools 看看詳細錯誤原因是什麼，這樣會更有頭緒才對。