2

次の方法でプロフィール画像のアップロード フィールドを作成しようとしました。

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();
  });
});

何が間違っているのか教えてください。手順を検索して実行しましたが、ファイルが投稿されることはありません... :(

ありがとう！

4

1 に答える 1

2

アップデートによると、問題は AJAX を使用していることです。

ファイルの非同期アップロードは「簡単」ではありません。HTLM5 でサポートされていますが、すべてのブラウザーでサポートされているわけではありません。この方法はまだ信頼できません。

ファイルを非同期でアップロードするにはどうすればよいですか?

これを機能させるために私が推奨する方法は、いくつかの ajax ファイル アップロード プラグイン (iframe またはフラッシュを使用する) を調べ、それらの API を使用して POST を実行することです。

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

于 2013-06-12T23:24:59.897 に答える