Previzualizare imagine după selectarea imaginii jquery-Exemple de cod

Victor Talmacinschi

Previzualizare imagine după selectarea imaginii jquery

JavaScript de Victor Talmacinschi June 16, 2022

$(function () {
  //Obține câmpul de intrare
  var input = $("#imageInput");
  //Ascunde câmpul de intrare
  input.hide();
  //La apăsarea butonului Răsfoiește
  $("#browseButton").click(function () {
    //Arată câmpul de intrare
    input.show();
    //Când utilizatorul selectează o imagine
    input.change(function () {
      //Obțineți numele fișierului de imagine
      var fileName = $(this).val();
      //Arată numele fișierului
      $("#fileName").text(fileName);
      //Previzualizați imaginea
      var image = $("<img>").attr("src", fileName);
      $("#preview").empty().append(image);
    });
  });
});

0

42.709

Întrebări conexe JavaScript

Cele mai recente interogări JavaScript

Explorați exemplele de cod pe categorii