您如何使用axios反应将文件与其他数据一起发布?

时间:2019-11-23 10:53:06

标签: django reactjs django-rest-framework axios

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

# 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中做到这一点?

1 个答案:

答案 0 :(得分:0)

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'
  }
})