“Предварительный просмотр загрузить изображение 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

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

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