“Загрузить предварительный просмотр изображения jQuery” Ответ

jQuery Загрузить изображение

$(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();
    });
});
Sparkling Seal

Загрузить предварительный просмотр изображения 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);
  });
Terrible Tern

Ответы похожие на “Загрузить предварительный просмотр изображения jQuery”

Вопросы похожие на “Загрузить предварительный просмотр изображения jQuery”

Больше похожих ответов на “Загрузить предварительный просмотр изображения jQuery” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования