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

0 vote170 views1 answer
Animating using jquery
Javascript jQuery
0 vote162 views1 answer
Onclick play youtube video jquery
Javascript jQuery
36 votes151 views3 answers
Jquery add html to end of div
Javascript jQuery
29 votes167 views5 answers
How to get the value of radio button in jquery
Javascript jQuery
9 votes166 views2 answers
Jquery $(document.on click
Javascript jQuery
152 votes272 views6 answers
Jquery document ready
Javascript jQuery
2 votes131 views2 answers
Select default value in dropdown jquery
Javascript jQuery
1 vote169 views1 answer
How select just before element in jquery
Javascript jQuery
0 vote178 views2 answers
Jquery change page on click
Javascript jQuery
23 votes160 views6 answers
Form reset jquery
Javascript jQuery