最新的jquery等效文件上传而不刷新页面

时间:2011-12-17 02:40:50

标签: jquery ajax file upload

我需要上传文件而不使用jQuery刷新页面。

我在旧的jQuery中使用jquery.min.jsjquery.form.js找到了代码,但我需要使用最新的jQuery来完成。请告诉我使用最新jQuery的等效代码是什么:

<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.form.js"></script>
<script type="text/javascript" >
    $(document).ready(function() { 
    $('#photoimg').change(function(){ 
        $("#preview").html('');
    $("#preview").html('<img src="loader.gif" alt="Uploading...."/>');
    $("#imageform").ajaxForm({
        target: '#preview'
    }).submit();

    });
}); 
</script>

<form id="imageform" method="post" enctype="multipart/form-data" action='ajaximage.php'>
Upload your image <input type="file" name="photoimg" id="photoimg" />
</form>

<div id='preview'></div>

2 个答案:

答案 0 :(得分:0)

$(document).ready(function() { 
        $('#photoimg').change(function(){ 
            $("#preview").html('');
            $("#preview").html('');
            $("#imageform").ajaxForm({
                target: '#preview',
                success: function() { 
                   $('#preview').fadeIn('slow'); 
                 } 
                };

            });
    }); 

价:HTTP://jquery.malsup.com/form/#html

答案 1 :(得分:0)

实际上我使用的是旧版本的jquery。现在我使用了最新版本的jquery及其工作文件。感谢所有人的支持和帮助。