@H_403_1@我试图向客户展示他选择的图像：
<input type="file" onchange="showImage(this)"/>
但我无法读取输入的值,因为我检查了here.是否可以显示图像？
在onchange中,我可以将表单发送到服务器,服务器可以将数据发回,但这是否真的有必要？客户端无法在没有乒乓球的情况下显示数据到服务器？这是一个安全问题吗？
解决方法
您可以使用
FileReader web-api对象,请参阅以下代码段：
HTML
<input id="src" type="file"/> // input you want to read from (src) <img id="target"/> // image you want to display it (target)
javascript
function showImage(src,target) {
var fr=new FileReader();
// when image is loaded,set the src of the image where you want to display it
fr.onload = function(e) { target.src = this.result; };
src.addEventListener("change",function() {
// fill fr with image data
fr.readAsDataURL(src.files[0]);
});
}
var src = document.getElementById("src");
var target = document.getElementById("target");
showImage(src,target);
