/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

5 votes242 views2 answers
Jquery remove disabled property from button
Javascript jQuery
136 votes315 views3 answers
To int jquery
Javascript jQuery
14 votes219 views5 answers
On() jquery
Javascript jQuery
1 vote251 views1 answer
Get input field inside div jquery
Javascript jQuery
9 votes232 views3 answers
JQuery change href value
Javascript jQuery
0 vote243 views1 answer
How to select second element in jquery
Javascript jQuery
32 votes236 views6 answers
Set radio button checked jquery
Javascript jQuery
32 votes250 views5 answers
Jquery change value of input
Javascript jQuery
2 votes227 views1 answer
Class loop jquery
Javascript jQuery
2 votes305 views1 answer
How get last array value in jquery
Javascript jQuery