/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

1 vote180 views1 answer
Jquery get iframe content
Javascript jQuery
0 vote195 views1 answer
Age validation jquery
Javascript jQuery
0 vote191 views1 answer
Jquery find child of parent sibling
Javascript jQuery
0 vote199 views1 answer
Jquery onscroll sticky header
Javascript jQuery
0 vote172 views1 answer
.html jquery in javascript
Javascript jQuery
74 votes208 views3 answers
Jquery detect when a checkbox is checked
Javascript jQuery
14 votes192 views3 answers
Jquery toggle class
Javascript jQuery
26 votes173 views3 answers
Jquery submit form ajax
Javascript jQuery
10 votes192 views6 answers
Post jquery
Javascript jQuery
0 vote187 views1 answer
Remove all index from array except the one jquery
Javascript jQuery