Pré-visualização da imagem após selecionar a imagem jquery-Exemplos de código

Radu TM

Pré-visualização da imagem após selecionar a imagem jquery

JavaScript por Radu TM June 16, 2022

$(function () {
  //Obter o campo de entrada
  var input = $("#imageInput");
  //Ocultar o campo de entrada
  input.hide();
  //Ao clicar no botão Procurar
  $("#browseButton").click(function () {
    //Mostrar o campo de entrada
    input.show();
    //Quando o usuário seleciona uma imagem
    input.change(function () {
      //Obter o nome do arquivo de imagem
      var fileName = $(this).val();
      //Mostrar o nome do arquivo
      $("#fileName").text(fileName);
      //Visualizar a imagem
      var image = $("<img>").attr("src", fileName);
      $("#preview").empty().append(image);
    });
  });
});

0

45.267

Consultas relacionadas com JavaScript

Últimas consultas JavaScript

Explorar exemplos de código por categorias