/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

0 vote385 views1 answer
Get time from a date time in jquery
Javascript jQuery
-1 vote402 views2 answers
Jquery check if element is visible in viewport
Javascript jQuery
41 votes358 views3 answers
Jquery get value of element
Javascript jQuery
10 votes306 views3 answers
Jquery validation plugin
Javascript jQuery
1 vote331 views1 answer
Jquery remove array element by key
Javascript jQuery
3 votes366 views4 answers
Clock picker jquery
Javascript jQuery
0 vote329 views1 answer
Jquery AND operation
Javascript jQuery
0 vote372 views1 answer
Remove from array by value jquery
Javascript jQuery
0 vote338 views1 answer
Jquery responsive
Javascript jQuery
0 vote336 views1 answer
Jquery set timezone
Javascript jQuery