“Aperçu de téléchargement de l'image JS” Réponses codées

aperçu du fichier image upload javascript

<input type="file" accept="image/*" onchange="loadFile(event)">
<img id="output"/>
<script>
  var loadFile = function(event) {
    var output = document.getElementById('output');
    output.src = URL.createObjectURL(event.target.files[0]);
    output.onload = function() {
      URL.revokeObjectURL(output.src) // free memory
    }
  };
</script>
Real Raccoon

Aperçu de téléchargement de l'image JS

// <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

Réponses similaires à “Aperçu de téléchargement de l'image JS”

Questions similaires à “Aperçu de téléchargement de l'image JS”

Plus de réponses similaires à “Aperçu de téléchargement de l'image JS” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code