在Django Ajax Rest Api中附加图像

Question

当我附加图像时，它在控制台中返回null，但它继续发布文本数据，我希望能够包含图像文件。

注意：当我从REST API管理方上传图像，它运作良好，并显示图像，这意味着我的Ajax图片上传是改进了一个缺乏

form.html

<form id='userpost-form' class='form' enctype="multipart/form-data" action="" method="POST" data-filescount=0> {% csrf_token %} 

    {{ form| crispy }} 

    <button type="submit" class="btn btn-success btn-sm float-right" id="post_frame">{{ submit_btn }}</button> 
    </form> 

阿贾克斯

$("#userpost-form").submit(function(e){ 
    e.preventDefault(); 
    var this_ = $(this) 
    // var formData = this_.serialize() 
    // console.log("working...") 
    // console.log(this_.serialize()) 
    var formData = new FormData(this_.serialize()); 
    formData.append('image', this_.get(0)); 
    console.log(formData); 
    $.ajax({ 
    url: "/api/posts/create/", 
    data: formData, 
    method: "POST", 
    dataType: "json", 
    success: function(data){ 
     // console.log(data) 
     this_.find("input[type=text], textarea").val("") 
     // this_.find("input[type=file]").val("") 
     // $('#uploadfrm')[0].reset(); // Reset form data 
     attachPosts(data, true) 
    }, 

    error: function(data){ 
     console.log("error") 
    }, 
}) 

}) //post form end brac 

views.py

class PostUserCreateAPIView(generics.CreateAPIView): 
    queryset = Post.objects.all() 
    serializer_class = PostDetailSerializer 
    permission_classes = [permissions.IsAuthenticated] 
    parser_classes = (MultiPartParser, FormParser,) 

    def perform_create(self, serializer): 
     serializer.save(content_object=self.request.user, image=self.request.data.get('image')) 

serailizers.py

class PostDetailSerializer(serializers.ModelSerializer): 

    class Meta: 
     model = Post 
     fields = ["id", "user", "content", "image", "date_display", 
     # "timesince", 
    ] 

本准则的帖子中的数据非常良好，没有图像，所以我的挑战是如何包括图像文件

Answer 1

我从Django文档引用：

When Django handles a file upload, the file data ends up placed in request.FILES

而不是使用self.request.data.get('image')，请使用self.request.FILES.get('image')