jquery 表单插件不适用于更改功能

Question

我想使用 jquery.form 插件上传文件，但该操作不适用于基于输入类型文件的更改功能。

这是代码：

HTML：

<form method='POST' id='upload_image' action='ajax-upload_unpublished_image' enctype='multipart/form-data'>
    <input type='file' id='photo_post' name='posting_photo'>
</form>
<div id='#prev'></div>

JS：

 $(document).ready(function(){
        $('#photo_post').change(function(){
            alert('ganti');
            $('#upload_image').ajaxForm({
                  beforeSend: function(){
                    $('.uu').html('sending');
                },
                  success: function(html){      
                $('#prev').html(html);   
            },
            error: function(data){
            console.log(data);

            }
            });
        });
});

我希望在每次输入更改时上传文件，例如 facebook 上传照片，为什么 ajaxForm 功能不起作用，而如果我使用另一个按钮通过 click 功能执行 ajaxForm 功能，则文件上传。

喜欢：

<button class='upload'>Upload</button>

$('.upload').click(function(){
   //do ajaxForm function and it work
});

Answer 1

我四处挖掘，这似乎对其他人有用。

$('#photo_post').on('change', function(){  });