javascript show image input file

Shadow answered on February 17, 2023 Popularity 9/10 Helpfulness 6/10

answer javascript show image input file

javascript show image input file

Comment

<input accept="image/*" type='file' id="imageInput_1"
  onchange="imagePreviewFunc(this, imagePreview_1)" />
<div id="imagePreview_1">This Div for Single Image Preview</div>
<hr />
<input class="form-control" accept="image/*" type='file' id="imageInput_2" multiple="true"
  onchange="imagePreviewFunc(this, imagePreview_2)" />
<div id="imagePreview_2">This Div for Multiple Image Preview</div>
<script>
  function imagePreviewFunc(that, previewerId) {
    let files = that.files
        previewerId.innerHTML='' // reset image preview element
  
    for (let i = 0; i < files.length; i++) {
        let imager = document.createElement("img");
            imager.src = URL.createObjectURL(files[i]);
            previewerId.append(imager);
    }
  }
</script>

Popularity 9/10 Helpfulness 6/10 Language html

Source: Grepper

Tags: file html image input javascript show

Link to this answer
Share Copy Link

Contributed on Feb 17 2023

Shadow

0 Answers Avg Quality 2/10

javascript show image input file

Contents

More Related Answers

javascript show image input file

Grepper

Documentation

Social

Legal

Contact

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