jquery表单插件是'不能使用变更功能

jquery form plugin isn't work with change function

本文关键字：功能 不能 插件 表单 jquery      更新时间：2023-09-26

我想用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功能不起作用，而如果我用另一个按钮点击ajaxForm函数，文件就会上传。

类似：

<button class='upload'>Upload</button>
$('.upload').click(function(){
   //do ajaxForm function and it work
});

我四处寻找，这似乎对其他人有效。

$('#photo_post').on('change', function(){  });
相关文章：