“Vista previa de carga Imagen JS” Código de respuesta

Vista previa del archivo de imagen Subir 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

Vista previa de carga Imagen 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

Respuestas similares a “Vista previa de carga Imagen JS”

Preguntas similares a “Vista previa de carga Imagen JS”

Más respuestas relacionadas con “Vista previa de carga Imagen JS” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código