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

18 votes119 views5 answers
Jquery ajax form submit example
Javascript jQuery
0 vote115 views2 answers
Jquery array merge
Javascript jQuery
0 vote107 views1 answer
Jquery parent panel hide
Javascript jQuery
3 votes105 views1 answer
Jquery get document scrolltop
Javascript jQuery
0 vote123 views2 answers
Loading page for all ajax call in jquery 3.3.1
Javascript jQuery
19 votes141 views5 answers
Jquery on modal show
Javascript jQuery
48 votes123 views6 answers
Jquery uncheck checkbox
Javascript jQuery
1 vote120 views3 answers
Jquery show password
Javascript jQuery
0 vote110 views1 answer
Jquery remove all alerts
Javascript jQuery
0 vote107 views1 answer
Jquery select2 multiple select all
Javascript jQuery