FormData без кнопки отправки

Question

Привет У меня есть его форма для загрузки файла

$("#form").on('submit',(function(e) { 
     e .preventDefault(); 
     $.ajax({ 
      url: "index2.php", 
      type: "POST", 
      data: new FormData(this), 
      contentType: false, 
      cache: false, 
      ... 

в виде HTML:

<form id="form" action="index2.php" method="post" enctype="multipart/form-data"> 
    <input id="uploadImage" type="file" accept="image/*" name="image" /><br/> 
    <input id="button" type="submit" value="Upload"> 
</form> 

это работает. но я хочу удалить кнопку. Я хочу, чтобы загрузка была автоматически при выборе файла.

  $.ajax({ 
       url: "index2.php", 
       type: "POST", 
       data: new FormData("#form"), 
       contentType: false, 

       ... 

Но не работает. может, пожалуйста, помогите мне сделать это?

Answer 1

Вам просто нужно прослушать событие onChange для этого ввода.

Ваш код должен выглядеть так:

$('#uploadImage').on('change',function(){ 
    $.ajax({ 
      url: "index2.php", 
      type: "POST", 
      data: new FormData("#form"), 
      contentType: false, 

      ... 
    }); 
}); 

Answer 2

Вы можете добавить рабочую зону (просто перетащить и падение). посмотрите на AutoUpload: true.

$('.fileupload').fileupload({ 
    dataType: 'json', 
    url: "/somewhere.com/here", 
    dropZone: $("#picturezone"), 
    autoUpload: true, 
    done: function (e, data) { 
    $("#pic").attr("src", URl + data.result.name + "?" + d.gettime()); 
} 
}).on('fileuploadprogressall', function (e, data) { 
    //Do something while it is uploading. 
});