“Visualize o upload da imagem JS” Respostas de código

Visualizar o arquivo de arquivo de imagem 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

Visualize o upload da imagem 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

Respostas semelhantes a “Visualize o upload da imagem JS”

Perguntas semelhantes a “Visualize o upload da imagem JS”

Mais respostas relacionadas para “Visualize o upload da imagem JS” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código