ajax загрузить файл после выбора файла auto submit

Question

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

Я пробовал использовать change() для получения данных смены формы, но после второго щелчка он будет предупреждать не один раз. Я не знаю, почему, есть ли лучшая идея, чтобы заставить его работать!

HTML

<div class="article-create"> 
    <table class="table"> 
     <td> 
      <form action="" enctype="multipart/form-data" method="post"> 
       <input type="file" name="image" class="browseimage"> 
      </form> 
      <li class="browseimage-fake btn btn-success btn-sm">Choose File</li> 

JS

$('.article-create .table').on('click', '.browseimage-fake', function() { 
    $(this).closest('td').find('.browseimage').click(); 

    $(this).closest('td').find('.browseimage').change(function(){ 
     alert('change'); 

     // check FormData and ajax .. 
    }); 
}); 

Answer 1

Попробуйте этот код. Бдительные звонки только один раз:

$(document).on('change', '.browseimage', function(){ 
    alert('change'); 
    // check FormData and ajax .. 
}); 

http://jsfiddle.net/E9mPw/20/

Answer 2

простая функция изменения Jquery.

$(".browseimage-fake").change(function() { 
console.log("changed") 
}); 

Answer 3

Этот код работает для меня, но только тогда, когда у меня был правильный URL для атрибута formaction.

<script> 
    $(".browseimage").change(function() { 
     document.forms[0].submit(); 
    }); 
</script>