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

27 votes223 views6 answers
Jquery on input
Javascript jQuery
0 vote228 views1 answer
How to build jquery post data
Javascript jQuery
9 votes217 views2 answers
Jquery $(document.on click
Javascript jQuery
0 vote236 views1 answer
Reload page jquery timer
Javascript jQuery
0 vote236 views1 answer
Nested table jquery datatable
Javascript jQuery
0 vote260 views1 answer
Kendo dropdownlist value jquery
Javascript jQuery
0 vote236 views1 answer
Jquery show for 5 seconds
Javascript jQuery
0 vote272 views1 answer
Bootstrap carousel dynamic height jquery
Javascript jQuery
0 vote205 views1 answer
Jquery creating several items
Javascript jQuery
2 votes207 views1 answer
Jquery disable class attribute
Javascript jQuery