Jquery upload image

$(document).ready(function (e) {
    $('#imageUploadForm').on('submit',(function(e) {
        e.preventDefault();
        var formData = new FormData(this);

        $.ajax({
            type:'POST',
            url: $(this).attr('action'),
            data:formData,
            cache:false,
            contentType: false,
            processData: false,
            success:function(data){
                console.log("success");
                console.log(data);
            },
            error: function(data){
                console.log("error");
                console.log(data);
            }
        });
    }));

    $("#ImageBrowse").on("change", function() {
        $("#imageUploadForm").submit();
    });
});

Source: stackoverflow.com

Upload preview image jquery

// <input type="file" accept="image/*" id="img-input">
// <img id="preview"/>
function readURL(input) {
      if (input.files && input.files[0]) {
          var reader = new FileReader();
          reader.onload = function(e) {
          $('#preview').attr('src', e.target.result);
          }
          reader.readAsDataURL(input.files[0]);
      } else {
          $('#preview').attr('src', '');
      }
    }

  $("#img-input").change(function() {
    readURL(this);
  });

Similar codes

1 vote139 views1 answer
How to get selected value of dynamically created dropdown in jquery
Javascript jQuery
2 votes143 views1 answer
Jquery cancel ajax request on click
Javascript jQuery
1 vote137 views1 answer
Jquery change position animate
Javascript jQuery
1 vote184 views1 answer
Jquery get each row in table
Javascript jQuery
0 vote137 views1 answer
Span element converink href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" /> ter
Javascript jQuery
-1 vote150 views1 answer
Checkbox on click jquery select all
Javascript jQuery
85 votes142 views5 answers
Jquery selector checked
Javascript jQuery
22 votes136 views3 answers
Page Reload detect in jquery
Javascript jQuery
0 vote155 views2 answers
Jquery fadein to show modal
Javascript jQuery
2 votes139 views3 answers
How to convert variable to string in jquery
Javascript jQuery