/Javascript/jQuery/Upload preview image jquery

Upload preview image jquery

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

13 votes278 views4 answers
Change checkbox jquery alert
Javascript jQuery
1 vote272 views1 answer
JQuery search immediate children
Javascript jQuery
0 vote310 views1 answer
Jquery random color array
Javascript jQuery
0 vote298 views1 answer
Check if variable is jquery object
Javascript jQuery
2 votes329 views3 answers
Jquery scroll to top of div animate
Javascript jQuery
14 votes274 views5 answers
On() jquery
Javascript jQuery
86 votes312 views6 answers
Onclick Event jquery
Javascript jQuery
13 votes286 views6 answers
Select option value jquery
Javascript jQuery
7 votes295 views3 answers
Check radio button is checked jquery
Javascript jQuery
0 vote340 views1 answer
Jquery fadein display new page
Javascript jQuery