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

3 votes216 views2 answers
Select options of Select2 control based on values using Jquery
Javascript jQuery
10 votes227 views2 answers
Jquery how to know if element is visible
Javascript jQuery
18 votes217 views5 answers
JQuery AJAX form submit
Javascript jQuery
0 vote203 views2 answers
Get array length in jquery
Javascript jQuery
0 vote221 views1 answer
Go to page jquery
Javascript jQuery
0 vote196 views2 answers
Multipart/form-data ajax jquery
Javascript jQuery
0 vote212 views1 answer
Find element by two attributes jquery
Javascript jQuery
10 votes217 views3 answers
Jquery count elements
Javascript jQuery
0 vote233 views1 answer
Remove required attribute jquery mvc
Javascript jQuery
0 vote232 views2 answers
Change style of class divs jquery
Javascript jQuery