2014-01-14 50 views
1

我正在使用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> 

出于某种原因,当我上传的图片,提交按钮消失。我该如何解决?

回答

1

这样的事情可能工作...

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

我来点用文件输入而非形式,我不知道这是否是你可以很容易地测试它的问题:

$("#file").fileupload 
    dataType: "script" 
    ... 
相关问题