/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

2 votes192 views1 answer
Jquery only number allowed to 10 digit
Javascript jQuery
3 votes200 views1 answer
Check if variable is undefined or null jquery
Javascript jQuery
27 votes220 views3 answers
Jquery if id exists
Javascript jQuery
0 vote188 views1 answer
Remove first row from table jquery
Javascript jQuery
32 votes196 views2 answers
Remove item jquery
Javascript jQuery
73 votes211 views2 answers
Jquery check if type is checkbox
Javascript jQuery
2 votes182 views1 answer
Jquery get the length of input text
Javascript jQuery
1 vote212 views1 answer
Jquery datatables turn off sorting
Javascript jQuery
2 votes190 views1 answer
Get attribute value jquery href
Javascript jQuery
-1 vote217 views1 answer
Jquery get select name value
Javascript jQuery