Django ajax 上传图片答案

【问题标题】：Django ajax upload imageDjango ajax 上传图片
【发布时间】：2015-10-30 06:15:00
【问题描述】：

我尝试使用没有 django 表单的 Ajax 上传图片。

它不返回错误。一切正常，它保存在数据库“名称”和“描述”中但不保存“图像”:(

我的代码：

views.py

def add(request):
articles = Article.objects.all()
if request.method == 'POST':
     if request.is_ajax():
        name = request.POST.get('name')
        description = request.POST.get('description')
        icon = request.FILES.get('icon')
        article_new = Article(
            name=name,
            description=description,
            icon=icon
        )
        article_new.save()

return render_to_response('home.html', {'articles':articles}, context_instance=RequestContext(request))

models.py

 class Article(models.Model):
    name = models.CharField(max_length=100, null=True, blank=True)
    description = models.TextField()
    icon = ThumbnailerImageField(upload_to='uploads')

html

 <form  method="POST"  enctype="multipart/form-data">
  {% csrf_token %}
      <input type="text" id="inputName">
      <input type="text" id="inputDescription">
      <input type="file" id="inputFile">
      <button id="submit"  type="submit">Add</button>
  </form>

javascript

 //For doing AJAX post
 $("#submit").click(function(e) {
    e.preventDefault();
    var name = $('#inputName').val();  
    var description = $('#inputDescription').val();
    var icon = $('#inputFile').val();


//This is the Ajax post.Observe carefully. It is nothing but details of where_to_post,what_to_post
$.ajax({
    url : "/add", // the endpoint,commonly same url
    type : "POST", // http method
    data : { csrfmiddlewaretoken : csrftoken,
    name : name,
    description : description,
    icon: icon
    }, // data sent with the post request
        // handle a successful response
        success : function(json) {
        console.log(json); // another sanity check
        },
        // handle a non-successful response
        error : function(xhr,errmsg,err) {
        console.log(xhr.status + ": " + xhr.responseText); // provide a bit more info about the error to the console
        }
    });
});

【问题讨论】：

标签： python ajax django post upload

【解决方案1】：

这里的问题在于 Ajax 代码，您不能直接通过变量发送图像。

为此，您必须创建 FormData，然后将文件添加到其中，可以在此处找到示例： Send Images Via Ajax.

或者，只需使用现有的jquery Ajax Form Plugin，它会为您完成所有艰苦的工作。

您的选择，希望对您有所帮助:)

【讨论】：