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

16 votes351 views2 answers
How to make button disabled in jquery before send
Javascript jQuery
0 vote354 views1 answer
Reuse jquery angular
Javascript jQuery
24 votes309 views2 answers
Jquery append element to body
Javascript jQuery
0 vote323 views2 answers
Jquery from js
Javascript jQuery
3 votes295 views2 answers
Keydown jquery
Javascript jQuery
0 vote333 views1 answer
Saber el alto de un div jquery
Javascript jQuery
0 vote280 views1 answer
Jquery initialize
Javascript jQuery
9 votes306 views6 answers
Change html using jquery
Javascript jQuery
0 vote337 views1 answer
Group by hash in jquery
Javascript jQuery
0 vote361 views1 answer
Jquery keep scroll position
Javascript jQuery