jQueryファイルのアップロードの使い方は？

Question

私はblueimp jQuery File Upload pluginを使用しようとしていますが、あまり効果がありません。ユーザーが[保存]ボタンをクリックしたときに、スクリプトが他のフォームの詳細とともにファイルをアップロードするようにします。これまでのところ、私はこの持っている：私のユーザーは、「ファイルを添付」ボタンをクリックしたときに

が

$(document).ready(function() { 
    $('#custom-file-upload').fileupload({ 
     dataType: 'json', 
     autoUpload: false, 
     url: get_current_url() + '/customFileUpload/', 
     done: function (e, data) { 
      //$.each(data.result, function (index, file) { 
      // $('<p/>').text(file.name).appendTo(document.body); 
      //}); 
     }, 
     change: function (e, data) { 
      $.each(data.files, function (index, file) { 
       $("#custom-file-upload-filename").text(file.name); 
      }); 
     }, 
     submit: function(e, data) { 
      console.log('submit event fired'); 
      return false; 
     } 
    }); 

    $('.edit-form .btn-submit').click(function(ev) { 
     ev.preventDefault(); 
    }) 
}); 

ので、素敵なファイルブラウザがポップアップし、彼らは、ファイルを選択し、[開く]をクリックし、それが次のファイルの添付にファイル名を示していボタン。

今私のフォームを提出する方法を知りません。私はいろいろなことを試してきましたが、ドキュメントを読んだ後はまだ分かりません。

Answer 1

私はこれを動作させることはできませんでしたが、forms-pluginを使用して終了しました。使い方はかなり単純で、ページ上に良い例があります。

あなただけのHTMLで通常のフォームをコーディングし、このようにjQueryを添付：

$('#myForm1').ajaxForm(options);