Uploading files using jquery form

Question

Ive been working on uploading files using ajax, the only one that has worked for me is this plugin called jquery form. Its really simple, and it works but the problem im facing is that it does not show the output.

my process.php file does output a error message or success message(Picture uploaded/ unknown image extension and so on) but these are not being shown. How can i display the script outputs?

Sudhir Bastakoti · Accepted Answer · 2012-02-19 05:53:36Z

1

There a callback function "success" provided, that is invoked after the response has been returned from the server. Like:


$(document).ready(function() { 
    var options = { 
        target:        '#output1',   // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,  // pre-submit callback 
        success:       showResponse  // post-submit callback <-- See here
    }; 

    // bind form using 'ajaxForm' 
    $('#myForm1').ajaxForm(options); 
}); 

function showResponse(responseText, statusText, xhr, $form) {
  alert(responseText);
}

Ref: jQuery Form Hope it helps

answered Feb 19, 2012 at 5:53

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

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

1 Comment

Marshall Mathews Over a year ago

That code did not work, but however i edited it a bit using help from normal ajax code and options page from jquery form's website and now it works swift.

Collectives™ on Stack Overflow

Uploading files using jquery form

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related