Anteprima dell'immagine dopo aver selezionato l'immagine jquery-Esempi di codice

Victor Talmacinschi

Anteprima dell'immagine dopo aver selezionato l'immagine jquery

JavaScript di Victor Talmacinschi June 16, 2022

$(function () {
  //Ottenere il campo di input
  var input = $("#imageInput");
  //Nascondere il campo di input
  input.hide();
  //Al click del pulsante Sfoglia
  $("#browseButton").click(function () {
    //Mostrare il campo di input
    input.show();
    //Quando l'utente seleziona un'immagine
    input.change(function () {
      //Ottenere il nome del file dell'immagine
      var fileName = $(this).val();
      //Mostrare il nome del file
      $("#fileName").text(fileName);
      //Anteprima dell'immagine
      var image = $("<img>").attr("src", fileName);
      $("#preview").empty().append(image);
    });
  });
});

0

43.497

Richieste JavaScript simili

Ultime richieste JavaScript

Esplora gli esempi di codice per categorie