Question

我尝试通过以下方式创建个人资料图片上传字段：

class SignUpForm(forms.Form):
    username = forms.CharField(max_length=30, \
        error_messages = {'required': 'Need a username'})
    email = forms.EmailField(max_length=30, \
        error_messages = {'required': 'Need an email', 'invalid': 'Email is invalid'})
    profile_image = forms.ImageField(error_messages = {'required': 'Please select a profile image'})

并在views.py中加载数据：

  if request.method != 'POST':
    return HttpResponseServerError("Only POST requests allowed.")
  form = SignUpForm(request.POST, request.FILES)
  logger.info(request.FILES) # this always prints empty '{}'

表格是：

form(enctype="multipart/form-data", method='post')
      label(for='username') Username
      input#name(name='username', type='text')
      label(for='email') Email
      input#email(name='email', type='email')
      label(for='profile_image') Profile Image
      input#profile_image(name='profile_image', type='file')

我提交数据的方式是在js：

$('form').submit(function(e){
  e.preventDefault();
  $("#signup-errors").hide();
  var form = $(e.target);
  var post = $.post('/user/create/', form.serialize(), redirectIfSuccess);
  post.fail(function(xhr, ajaxOptions, thrownError) {
    $("#signup-errors").html(xhr.getResponseHeader("errors")).show();
  });
});

有人可以提示我可能有什么问题吗？我已经搜索并按照步骤操作，但文件从未通过...发布:(

谢谢！

Answer 1

根据您的更新，问题是您正在使用AJAX。

异步上传文件并不“简单”。 HTLM5支持它，但并非所有浏览器都支持 - 你绝对不能依赖这种方法。

How can I upload files asynchronously?

我建议他们这样做是为了查看一些ajax文件上传插件（使用iframe或flash）并使用他们的API来进行POST。

http://blueimp.github.io/jQuery-File-Upload/

django imagefield upload总是抱怨没有文件被选中

1 个答案: