无法显示所选图像 [英] unable to display selected image

问题描述

<div class="col-sm-2"> <input type="file" name="img" id="img" style="width: 100%; padding-left:14%"  onchange="onFileSelected(event)"  /></div>

<div class="col-sm-2"> <img src="~/img/person.jpg" id="photo" style="height: 120px; width:100%" class="col-sm-2 form-control"/></div>

function onFileSelected(event) {

            var selectedFile = event.target.files[0];
            var reader = new FileReader();
            console.log(selectedFile);
            var imgtag = document.getElementById("photo");
            imgtag.title = selectedFile.name;

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

            reader.readAsDataURL(selectedFile);
        }

我尝试使用window.event代替事件和目标中的srcElement但是图像不仅仅在IE9或以下显示，它在所有其他浏览器和IE10中也运行良好。

I have tried using window.event in place of event and srcElement in target but image is not displaying only in IE9 or below it is working good in all other browsers and IE10 as well.

推荐答案

尝试使用;在onchange =onFileSelected（event）之后



所以会变成onchange =onFileSelected（event）;

try using a ; after onchange="onFileSelected(event)"

so would become onchange="onFileSelected(event);"

这篇关于无法显示所选图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！