如何使用jQuery文件上傳？

我想使用blueimp jQuery File Upload plugin，但沒有太大的成功。當我的用戶點擊保存按鈕時，我希望我的腳本可以上傳文件以及其他表單詳細信息。到目前爲止，我有這樣的：如何使用jQuery文件上傳？

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

所以，當我的用戶點擊「附加文件」按鈕，一個漂亮的文件瀏覽器彈出，他們選擇一個文件，然後單擊打開，它顯示了旁邊的附加文件的文件名按鈕。

我不知道如何讓它現在提交我的表單。我已經嘗試了一堆不同的東西，閱讀完文檔後我仍然不知道。

來源

2012-03-19 Brandon Wamboldt

https://github.com/blueimp/jQuery-File-Upload/wiki/Multiple-File-Input-Fields在一個表格 – 2012-03-19 17:17:28

@RajatSinghal我在我的帖子中說我讀了文檔。我無法讓這個例子爲我工作。 – 2012-03-19 19:10:36

jquery-file-upload的寫作功能最差。代碼示例也不是很好。我有同樣的問題。 – Dean 2013-10-15 21:00:24

我沒有得到這個工作，最終使用forms-plugin。用法非常簡單，頁面上有很好的例子。

你只是在HTML代碼中一個正常的表格，並附上了jQuery這樣的：

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

來源

2012-03-19 17:16:40 fragmentedreality

如何使用jQuery文件上傳？

回答

相關問題