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 vote241 views1 answer
How to hide a input and label jquery
Javascript jQuery
0 vote221 views1 answer
Navigate to url jquery
Javascript jQuery
18 votes226 views5 answers
Onclick open modal jquery
Javascript jQuery
23 votes230 views3 answers
Scroll to element jquery
Javascript jQuery
26 votes233 views4 answers
Jquery date
Javascript jQuery
1 vote213 views1 answer
Oncheck event jquery
Javascript jQuery
0 vote259 views1 answer
Jquery with npm in laravel
Javascript jQuery
0 vote236 views1 answer
Jquery move li to first position
Javascript jQuery
0 vote234 views1 answer
Jquery to copy two input fields into one with a space between
Javascript jQuery
38 votes215 views6 answers
Jquery check if element exists
Javascript jQuery