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

4 votes340 views2 answers
How to get the value of dropdown in jquery
Javascript jQuery
0 vote327 views1 answer
Error message remove after checkbox fill in jquery
Javascript jQuery
3 votes301 views1 answer
Jquery find parent closest by id child
Javascript jQuery
3 votes314 views3 answers
Open page in new tab using jquery
Javascript jQuery
0 vote328 views1 answer
Jquery: finding all the elements containing the text present in an array
Javascript jQuery
146 votes486 views6 answers
Ready function jquery
Javascript jQuery
2 votes342 views2 answers
First letter capital in jquery
Javascript jQuery
1 vote315 views1 answer
LazyLoad for images, Videos and Iframes JavaScript and JQuery
Javascript jQuery
0 vote341 views1 answer
Gif Animation on Image jquery
Javascript jQuery
1 vote300 views1 answer
Valid email patter check jquery
Javascript jQuery