/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

0 vote193 views1 answer
Jquery droppable allow what can be dropped
Javascript jQuery
23 votes188 views3 answers
Jquery remove required attribute
Javascript jQuery
24 votes177 views2 answers
Jquery append element to body
Javascript jQuery
0 vote171 views1 answer
Get how much i scroll in jquery
Javascript jQuery
1 vote183 views2 answers
Number_format in jquery
Javascript jQuery
0 vote202 views1 answer
Space in string using if in jquery
Javascript jQuery
-1 vote143 views2 answers
Jquery ui dialog live cdn
Javascript jQuery
0 vote173 views1 answer
How to get value of button that click on it jquery
Javascript jQuery
0 vote187 views1 answer
Difference between jquery and javascript
Javascript jQuery
0 vote168 views1 answer
Authorize jquery ajax call for asp.net mvc
Javascript jQuery