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 vote217 views1 answer
Send multiple files using formdata jquery
Javascript jQuery
0 vote240 views2 answers
How to set dropdown value in textbox using jquery
Javascript jQuery
2 votes206 views2 answers
Jquery scroll to specific div
Javascript jQuery
0 vote198 views1 answer
Jquery how to detect click outside off-canvas-navigation
Javascript jQuery
0 vote201 views1 answer
Jquery remove first character from string
Javascript jQuery
0 vote314 views1 answer
Window width onload jquery
Javascript jQuery
1 vote192 views1 answer
Jquery: get class list using element id
Javascript jQuery
0 vote225 views1 answer
Jquery each tr except first
Javascript jQuery
1 vote203 views1 answer
Jquery insert text into input
Javascript jQuery
7 votes209 views5 answers
Jquery trigger change event
Javascript jQuery