我正在使用 JavaScript 代码。此代码显示您在上传之前选择的图像。
Javascript
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#imgInp").change(function(){
readURL(this);
});
</script>
HTML
<form id="imageform" method="post" enctype="multipart/form-data" >
<input type="file" name="photoimg" id="imgInp" >
<img id="blah" src="#" alt="your image" />
<input type="submit" Value="Upload">
</form>
这段代码工作完美。所以当图像不选择图像时我需要正常 dispaly:none;
并且如果图像选择而不是显示图像。我想用客户端脚本来处理这个问题。
最佳答案
修改标记,使图像默认隐藏:
<img id="blah" src="#" alt="your image" style="display:none" />
然后在读取文件后在图像上调用 jQuery show
方法,如下所示:
$('#blah').attr('src', e.target.result);
$('#blah').show();
fiddle 是here
关于javascript - 如何在选择图像时显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19751747/