“Vorschau des Mehrfachbildes vor dem Upload” Code-Antworten

Vorschau des Mehrfachbildes vor dem Upload

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

Vorschau des Mehrfachbildes vor dem Upload

<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

Ähnliche Antworten wie “Vorschau des Mehrfachbildes vor dem Upload”

Fragen ähnlich wie “Vorschau des Mehrfachbildes vor dem Upload”

Weitere verwandte Antworten zu “Vorschau des Mehrfachbildes vor dem Upload” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen