django - 您如何使用 axios react 发布文件以及其他一些数据？

Question

所以我的模型看起来像这样。

# posts/models.py 
from django.db import models 

class Post(models.Model):

    title = models.TextField() 

    cover = models.ImageField(upload_to='images/') 

    def __str__(self): 

        return self.title

我知道你可以像这样使用 axios 上传文件

 fileUpload(file){ 
const url ='http://example.com/file-upload'; 

const formData = new FormData(); 

formData.append('file',file) 

const config = { headers: { 'content-type': 'multipart/form-data' } } 

return post(url, formData,config)

 } 

但我想上传图片和标题。我如何在 axios 中做到这一点？

标签： djangoreactjsdjango-rest-frameworkaxios

Answer 1

var formData = new FormData();
var archive = document.querySelector('#file');
formData.append("file_location", archive.files[0]);
formData.append("title", archive.files[0].name);
axios.post('http://localhost:8000/files/data/', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})