“Pratinjau banyak gambar sebelum diunggah” Kode Jawaban

Pratinjau banyak gambar sebelum diunggah

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

Pratinjau banyak gambar sebelum diunggah

<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

Jawaban yang mirip dengan “Pratinjau banyak gambar sebelum diunggah”

Pertanyaan yang mirip dengan “Pratinjau banyak gambar sebelum diunggah”

Lebih banyak jawaban terkait untuk “Pratinjau banyak gambar sebelum diunggah” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya