每当我在图像输入上上传图像时,图像都不会显示。
但是每当我第二次单击浏览器文件按钮时,它会立即显示上传的图像。
代码如下:
<html>
<head>
</head>
<body>
@Html.BeginForm()
{
<div>
<img id="UserImage" alt="Image Section" src="" style="width: 148px; height: 148px" />
@Html.TextBoxFor(m => m.Image, new { @type = "file", @onclick = "ImageUploader(event)" })
</div>
<div>
<input type="submit" />
</div>
}
<script>
var ImageUploader = function (e) {
var input = e.target;
var reader = new FileReader();
reader.readAsDataURL(input.files[0]);
reader.onload = function () {
var UIHTML = $('#UserImage')[0];
UIHTML.src = reader.result;
}
}
</script>
</body>
</html>
最佳答案
尝试将@onclick = "ImageUploader(event)"
更改为@onchange = "ImageUploader(event)"
关于javascript - 第二次单击浏览器文件按钮时上传图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40736743/