Как загрузить изображение из vue js в django rest framework?

Я использую django-rest-framework в качестве бэкенда и хочу загрузить изображение из фронтенда (vuejs2). примечание: бэкенд работает отлично и я могу загрузить фотографию с помощью django admin

Предполагаю, что ваш бэкенд принимает 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");
        });
    },
  },
}
Вернуться на верх