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

时间:2014-05-01 12:48:09

标签: javascript jquery

我想上传一个带有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
});

1 个答案:

答案 0 :(得分:0)

我挖了一下,这似乎适合其他人。

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