Ruby on rails jquery文件上传器单击提交

我正在使用jquery文件上传程序。我试图使它，而不是像正常自动上传图片，图片不会得到上传，直到提交按钮被按下。我在jquery文件上传页面上找到了这段代码，但我无法让它工作

咖啡脚本：

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."

jQuery->
$（“#表格”）.fileupload
数据类型：“脚本”
加：（e，数据）->
data.context=$（“#sub#u but”）.text（“上载”）.appendTo（document.body）。单击（->
data.context=$（“
”）.text（“上载…”）。replaceAll（$（此））
数据提交（）
)
完成：（e，数据）->
data.context.text“上载完成”

表格如下：

<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>

---

由于某种原因，当我上传图片时，“提交”按钮消失了。如何修复此问题？

类似的方法可能会奏效

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

我过去常常指向文件输入而不是表单，我不知道这是否是您可以轻松测试的问题：

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