“Wyświetl podgląd wielu obrazów przed przesłaniem” Kod odpowiedzi

Wyświetl podgląd wielu obrazów przed przesłaniem

function previewImages() {

  var $preview = $('#preview').empty();
  if (this.files) $.each(this.files, readAndPreview);

  function readAndPreview(i, file) {
    
    if (!/\.(jpe?g|png|gif)$/i.test(file.name)){
      return alert(file.name +" is not an image");
    } // else...
    
    var reader = new FileReader();

    $(reader).on("load", function() {
      $preview.append($("<img/>", {src:this.result, height:100}));
    });

    reader.readAsDataURL(file);
    
  }

}

$('#file-input').on("change", previewImages);
John Mark Tamaño

Wyświetl podgląd wielu obrazów przed przesłaniem

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="file-input" type="file" multiple>
<div id="preview"></div>
 Run code snippetHide results
John Mark Tamaño

Odpowiedzi podobne do “Wyświetl podgląd wielu obrazów przed przesłaniem”

Pytania podobne do “Wyświetl podgląd wielu obrazów przed przesłaniem”

Więcej pokrewnych odpowiedzi na “Wyświetl podgląd wielu obrazów przed przesłaniem” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu