/Javascript/jQuery/Preview upload image jquery

Preview upload 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

Preview upload 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 votes316 views5 answers
Convert javascript to jquery converter online tool
Javascript jQuery
20 votes354 views6 answers
Jquery get element id
Javascript jQuery
23 votes354 views6 answers
Get name of input jquery
Javascript jQuery
0 vote299 views1 answer
Jquery creating several items
Javascript jQuery
68 votes341 views2 answers
Add class in loop jquery
Javascript jQuery
0 vote388 views1 answer
How to redirect in jquery onclick
Javascript jQuery
0 vote327 views1 answer
How to target checkbox in jquery
Javascript jQuery
0 vote284 views1 answer
Jquery input valueadd
Javascript jQuery
1 vote327 views1 answer
Jquery current timestamp
Javascript jQuery
90 votes389 views6 answers
Jquery onclick function
Javascript jQuery