如何使用jQuery从输入字段获取图像

时间:2017-10-30 13:58:44

标签: jquery django

我正在尝试将图像从html页面发送到Django视图。但我无法获得数据。以下是我的代码。

<input type="file" id = "imageupload" onchange = "sendimg()" />

<script>
  var sendimg = function(){
    var img = document.getElementById("imageupload")
    $.ajax({
      type: "POST",
      url: "/test/",
      data: {
        "imgfile": img,
      },
      processData: false,
      contentType: false,
      success: function(data){
        console.log("success");
        console.log(data);
      },
      failure: function(data){
        console.log("failure");
        console.log(data);
      },
    });
  }
</script>

Django视图是

@csrf_exempt
def testimg(request):
  print "the request",request.POST
  data = {"data": "ok"}
  return JsonResponse(data)

print语句给出了

the request <QueryDict: {}>

我做错了什么?

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

您是否尝试过.val()来获取输入字段的内容? http://api.jquery.com/val/