如何将图像从 vue js 上传到 django rest 框架？

Question

我正在使用 django-rest-framework 作为我的后端，我想从前端 (vuejs2) 上传一个图像 注意：后端运行完美，我可以使用 django admin

上传照片

Answer 1

我假设您的后端接受 multipart/form-data 并使用 axios

<input type="file" @change="onFileChange" />

export default {
  methods: {
    onFileChange(e) {
      const formData = new FormData();
      formData.append("file", e.target.files[0]);
      axios
        .post("/upload", formData)
        .then(() => {
          console.log("SUCCESS");
        })
        .catch(() => {
          console.log("FAILED");
        });
    },
  },
}