Загрузчик файлов jquery отправить по клику

Я использую загрузчик файлов jquery. Я пытаюсь сделать так, чтобы вместо автоматической загрузки изображения, как обычно, изображение не загружалось до тех пор, пока не будет нажата кнопка отправки. Я нашел этот код на странице jquery-file-uploader, но не могу заставить его работать.

Кофейный скрипт:

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>

Почему-то, когда я загружаю картинку, кнопка отправки исчезает. Как это исправить?


person Philip7899    schedule 14.01.2014    source источник


Ответы (2)


что-то вроде этого может сработать...

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

Раньше я указывал на ввод файла, а не на форму, я не знаю, является ли это проблемой, которую вы можете легко проверить:

$("#file").fileupload
    dataType: "script"
    ...
person Fractaliste    schedule 15.01.2014