load image file from input in html

Healthy Hare answered on March 18, 2022 Popularity 10/10 Helpfulness 4/10

answer load image file from input in html

related input file img / input file image

load image file from input in html

Comment

function onFileSelected(event) {
  var selectedFile = event.target.files[0];
  var reader = new FileReader();

  var imgtag = document.getElementById("myimage");
  imgtag.title = selectedFile.name;

  reader.onload = function(event) {
    imgtag.src = event.target.result;
  };

  reader.readAsDataURL(selectedFile);
}

Popularity 10/10 Helpfulness 4/10 Language html

Source: stackoverflow.com

Tags: html image-file input load

Link to this answer
Share Copy Link

Contributed on Mar 28 2022

Healthy Hare

0 Answers Avg Quality 2/10

Closely Related Answers

input file img / input file image

Comment

<div class="image-upload">
  <label for="file-input">
    <img src="https://icons.iconarchive.com/icons/dtafalonso/android-lollipop/128/Downloads-icon.png"/>
  </label>

  <input id="file-input" type="file" />
</div>


 // CSS

.image-upload>input {
  display: none;
}

Popularity 10/10 Helpfulness 4/10 Language html

Source: stackoverflow.com

Tags: file

Link to this answer
Share Copy Link

Contributed on Mar 18 2022

Powerful Pony

0 Answers Avg Quality 2/10

load image file from input in html

Contents

More Related Answers

load image file from input in html

Closely Related Answers

input file img / input file image

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.