选择文件后上传文件

时间:2013-10-26 07:47:00

标签: jquery

我有这个表格附加了一个div

$('#div').click(function(){
   $('#div').load('form.php');
});

这是附加的表格

    <form id="addpic" name="addpic" method="post" enctype="multipart/form-data" action="docupload.php">
      <input type="file" name="mfoni" id="upper1" style="height:10px; width:100px; cursor:hand;" />
      <input type="hidden" name="user" value="<?php echo $id; ?>" id="user" />
   </form> 

现在我想提交表单而不刷新页面或使用下面的代码重定向

$("input#upper1").live('change', function(){
       alert("gone");
       // works up to this point
       $("form#addpic").ajaxForm({
         target: '#loading'
      }).submit();
    })

这可以达到警报('消失')点并停止 请帮我解决

1 个答案:

答案 0 :(得分:1)

看起来你在外部JS文件参考

下面缺少了

http://malsup.github.com/jquery.form.js

另一件事是你需要使用.on()而不是.live()。由于jQuery 1.7中已弃用live()方法。

您无需使用ajaxForm().submit()。只需使用ajaxSubmit()

JS代码:

$("input#upper1").on('change', function(){
    alert("gone");
    $("form#addpic").ajaxSubmit({
        type: "post",
        success: function() {
            alert("Processed");
        },
        complete: function() {
            alert("File upload is completed");
        }
    });
});

参考 LIVE DEMO