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

0 vote349 views2 answers
Jquery ajax send custom data after serialize
Javascript jQuery
49 votes302 views6 answers
How to get selected radio button value in jquery
Javascript jQuery
0 vote445 views1 answer
Create video playlist using jquery
Javascript jQuery
6 votes348 views2 answers
On click fade out jquery
Javascript jQuery
3 votes345 views2 answers
Jquery window trigger resize
Javascript jQuery
1 vote359 views2 answers
Get input value from table cell jquery
Javascript jQuery
1 vote337 views2 answers
Jquery read href attribute
Javascript jQuery
30 votes333 views4 answers
Jquery select by name attribute
Javascript jQuery
0 vote305 views1 answer
Jquery close another dialog
Javascript jQuery
0 vote355 views2 answers
NoConflict jquery
Javascript jQuery