Afbeelding voorbeeld na selectie afbeelding jquery-Codevoorbeelden

$(function () {
  //Verkrijg het invoerveld
  var input = $("#imageInput");
  //Verberg het invoerveld
  input.hide();
  //Bij aanklikken van de bladerknop
  $("#browseButton").click(function () {
    //Toon het invoerveld
    input.show();
    //Wanneer de gebruiker een afbeelding selecteert
    input.change(function () {
      //Verkrijg de afbeeldingsbestandsnaam
      var fileName = $(this).val();
      //Toon de bestandsnaam
      $("#fileName").text(fileName);
      //Voorbeeld van de afbeelding
      var image = $("<img>").attr("src", fileName);
      $("#preview").empty().append(image);
    });
  });
});