vue.js 中图片上传用formdata要怎么写，forminfo打印为空，求解

Question

vue.js 中图片上传用formdata要怎么写，写了报参数错误，求解

Answer 1

var myfile = document.getElementById('file');
formData.append("upfile", myfile.files[0]);

forData要用get(key)才能看到的，就这样看是看不到append的值的

Answer 2

formdata需要手动操作。
formdata.append('file', xxx)
你这传的就是一个普通的对象。
post('url', formInfo)
formInfo不用加括号，开浏览器network看传的是什么，可能需要手动设置请求头。

Answer 3

  formData.append("file", file);
  // 错误的示范，千万不要将formData包一层花括号，这会导致上传的值为{file: {}}，也就是空值，这是一个陷阱，我想很多人应该遇到过
  axios.post("/upload", { file: formData });
  // 要这样，直接上传formData
  axios.post("/upload", formData);