JQuery form upload

File upload in jquery

$(function(){
    $('#uploadBTN').on('click', function(){ 
        var fd = new FormData($("#fileinfo"));
        //fd.append("CustomField", "This is some extra data");
        $.ajax({
            url: 'upload.php',  
            type: 'POST',
            data: fd,
            success:function(data){
                $('#output').html(data);
            },
            cache: false,
            contentType: false,
            processData: false
        });
    });
});

Source: stackoverflow.com

JQuery form upload

        j('.form').ajaxSubmit({
            url: _url ,
            beforeSend: function () {
  
            },
            uploadProgress: function (event, position, total, percentComplete) {
   
            },
            complete: function (e) {
                var _e = (j.parseJSON(e.responseText));

            }
        });

Similar codes

36 votes130 views3 answers
Jquery add html to end of div
Javascript jQuery
3 votes138 views1 answer
Jquery 2 decimal places
Javascript jQuery
0 vote141 views2 answers
Jquery click not working on ajax loaded content
Javascript jQuery
5 votes142 views3 answers
Enter event in jquery
Javascript jQuery
81 votes138 views6 answers
.on click jquery
Javascript jQuery
0 vote103 views2 answers
.siblings in jquery
Javascript jQuery
3 votes137 views3 answers
Jquery get src of image
Javascript jQuery
0 vote135 views1 answer
Jquery \n to br
Javascript jQuery
1 vote159 views1 answer
How to add two number using jqueryu
Javascript jQuery
17 votes146 views4 answers
Jquery set select value
Javascript jQuery