我试图这样做,当你选择你的图像时,它会直接显示它。当然,你在html的onchange
事件中这样做。这就是我现在所拥有的:
function showImage(src, target) {
var fr = new FileReader();
fr.onload = function (e) { target.src = this.result; };
src.addEventListener("change", function () {
fr.readAsDataURL(src.files[0]);
});
}
function putImage() {
var src = document.getElementById("select_image");
var target = document.getElementById("target");
showImage(src, target);
}

<img id="target" />
<input type="file" id="select_image" name="image" onchange="putImage()"> </input>
&#13;
这对我来说不是很奇怪。因为onchange有效。我可以通过警告事件来测试它。这很好用。 javascript也适用于jsfiddle ..但这些东西并没有合并。我希望有人可以提供帮助
答案 0 :(得分:5)
showImage 函数中不需要更改事件。你已经使用html中的onechange事件处理程序调用了putImage方法,该方法包含了对showImage的调用:
function showImage(src, target) {
var fr = new FileReader();
fr.onload = function(){
target.src = fr.result;
}
fr.readAsDataURL(src.files[0]);
}
function putImage() {
var src = document.getElementById("select_image");
var target = document.getElementById("target");
showImage(src, target);
}
fiddle就在这里。