Question

我正在使用jquery文件上传器。我试图这样做，而不是像正常一样自动上传图片，在按下提交按钮之前，图片不会上传。我在jquery-file-uploader页面上找到了这段代码，但我无法让它工作。

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>

出于某种原因，当我上传图片时，提交按钮会消失。我该如何解决这个问题？

Answer 1

这样的事可能有用......

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

Answer 2

我以前指的是文件输入而不是表单，我不知道你是否可以轻松测试它的问题：

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

jquery文件上传器点击提交

2 个答案: