jquery文件上傳器點擊提交

我正在使用jquery文件上傳器。我試圖讓它不像自動上傳圖片那樣自動上傳圖片，直到按下提交按鈕後才能上傳圖片。我在jquery-file-uploader頁面上找到了這段代碼，但是我無法使它工作。jquery文件上傳器點擊提交

的CoffeeScript：

jQuery -> 
    $("#the_form").fileupload 
    dataType: "script" 
    add: (e, data) -> 
     data.context = $("#sub_but").text("Upload").appendTo(document.body).click(-> 
     data.context = $("<p/>").text("Uploading...").replaceAll($(this)) 
     data.submit() 
    ) 

    done: (e, data) -> 
     data.context.text "Upload finished."

這裏是形式：

<form id="the_form" class="clearfix" method="post" enctype="multipart/form-data" 
data-remote="true" action="/profiles/36" accept-charset="UTF-8"> 
    <input id="file" class="field file-field" type="file" name="profile[pic][]" 
     multiple="multiple" /> 
    <input id="sub_but" type="submit" value="yolo" name="commit" /> 
</form>

出於某種原因，當我上傳的圖片，提交按鈕消失。我該如何解決？

來源

2014-01-14 Philip7899

這樣的事情可能工作...

$('#the_form').fileupload({ 
    dataType: 'json', 
    add: function (e, data) {    
    $("#sub_but").on('click', function() { 
    data.submit(); 
    }); 
}, });

來源

2014-01-15 03:33:41 rav

我來點用文件輸入而非形式，我不知道這是否是你可以很容易地測試它的問題：

$("#file").fileupload 
    dataType: "script" 
    ...

來源

2014-01-15 12:27:36 Fractaliste

jquery文件上傳器點擊提交

回答

相關問題