아약스로 django 텍스트 및 그림 양식을 보내는 방법

Question

내가하려는 것은/wihtout 그림과 함께 사용자의 텍스트를 보내고 페이지를 다시로드하지 않고 페이지에 응답하는 것입니다.

장고 양식 :

class PostForm(forms.ModelForm): 
text = forms.CharField(max_length=128) 
picture = forms.ImageField(required=False) 
class Meta: 
    model = Post 
    fields = ['text', 'picture',] 

HTML :

<form id="post_form" enctype="multipart/form-data"> 

    <div class="fieldWrapper"> 
     {% csrf_token %} 
     {{ postForm.as_p }} 
    </div> 
    <INPUT id="postBtn" type="submit" name="submit" value="submit"/> 
</form> 

JQuery와 :

$("#postBtn").click(function() { 
    $.ajax({ 
      type: "POST", 
      url: "/restaurant/feed/", 
      data: $("#post_form").serialize(), 
      success: function(data) 
      { 
       // do something 
      } 
    }) 
} 

조회수 :

def feed(request): 
print request.FILES 

인쇄 결과가 비어 있습니다. 제안 사항이 있으십니까? 그런데 아약스 메서드없이 사진을 업로드 할 수 있습니다.

Answer 1

당신은 jQuery를 $.ajax() 통해 파일을 보낼 수 없습니다, 당신은 당신은 "JQuery와 아약스에 enctype"에 대한 몇 가지 연구를 만들 수 http://blueimp.github.io/jQuery-File-Upload/ 또는 https://github.com/Widen/fine-uploader