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 vote136 views1 answer
Jquery if in page
Javascript jQuery
9 votes92 views1 answer
Jquery on video play
Javascript jQuery
5 votes142 views3 answers
Block enter key using jquery
Javascript jQuery
0 vote135 views2 answers
Jquery remove background color
Javascript jQuery
0 vote142 views1 answer
Jquery abort ajax
Javascript jQuery
0 vote146 views1 answer
Jquery validate array input not working
Javascript jQuery
0 vote128 views1 answer
Add attribute selected jquery
Javascript jQuery
0 vote139 views1 answer
Jquery \n to br
Javascript jQuery
17 votes140 views6 answers
Check if element is visible jquery
Javascript jQuery
102 votes223 views6 answers
Is checked checkbox jquery
Javascript jQuery