upload file after selecting file

Question

i have this form which is appended onclick of a div

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

here is the form appended

    <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>

now i want to submit the form without refreshing the page or redirecting with the code below

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

this works up to the alert('gone') point and it stops please healp me out

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live(). — Rakesh Shetty
– Rakesh Shetty, Commented Oct 26, 2013 at 7:50

Siva Charan · Accepted Answer · 2013-10-26 08:36:39Z

1

It looks like you are missing below external JS file reference

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

The other thing is you need to use .on() rather than using .live(). Since live() method has been deprecated in jQuery 1.7.

You no need to use ajaxForm() and .submit(). Just use ajaxSubmit().

JS Code:

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

Refer LIVE DEMO

answered Oct 26, 2013 at 8:36

Siva Charan

18.1k10 gold badges64 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

upload file after selecting file

1 Answer 1

JS Code:

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

JS Code:

Comments

Your Answer

Sign up or log in

Post as a guest

Related