我正在尝试使用 Ajax 发送图像数据。但request.FILES
我在后端得到的是空的。我已经添加了multipart/form-data
我的形式和方法是POST
.
这是我的 AJAX 调用:
$(document).on('submit', '#profile_edit_form', function(event){
event.preventDefault();
$.ajax({
url : "/users/update_profile_info/",
type : 'post',
dataType: 'json',
data : $(this).serialize(),
success : function(data) {
$('#profile_name_tag').html(data.username);
$('#username_navbar').html(data.username);
//SENDING THE IMAGE VIA AJAX HERE
var img_data = $('#id_image').get(0).files;
formdata = new FormData();
formdata.append("img_data", img_data);
$.ajax({
url : "/users/update_profile_image/",
type : 'POST',
enctype : "multipart/form-data",
data : formdata,
cache : false,
contentType : false,
processData : false,
success : function(data) {
console.log('success');
//$('#profile_picture').html(data.)
},
error: function(data) {
console.log('fail');
}
});
},
error: function(data) {
console.log('fail');
}
});
});
这是我的表格:
<form id="profile_edit_form" method="POST">
{% csrf_token %}
<fieldset class="form-group">
<legend class="border-bottom mb4"> Profile Info </legend>
{{u_form|crispy}}
{{p_form|crispy}}
</fieldset>
<button class="btn btn-outline-info" type="submit"> Update Info </button>
</form>
正如你所看到的,我使用的是脆皮形式。图像字段位于p_form
这是我的django view
@login_required
def update_profile_image(request):
print(not request.FILES)
if request.method == 'POST':
p_form = ProfileUpdateForm(request.POST, request.FILES, instance=request.user)
if p_form.is_valid():
p_form.save()
context = {'None': 'none'}
return JsonResponse(context)
else:
return HttpResponse('None')
print(not request.FILES)
返回True,图像当然不会上传。
我查过很多类似的问题。但在所有这些中,解决方案都是添加multipart/form-data
到我已经完成的表格。
那么有什么想法问题出在哪里吗?
thanks!