Javascript：显示所选图像

我试着让它这样当你选择你的图像时，它会直接显示出来。当然，您可以在html中的

onchange

中执行此操作。这就是我现在所拥有的：

函数showImage（src，目标）{
var fr=new FileReader（）；
fr.onload=function（e）{target.src=this.result；}；
src.addEventListener（“更改”，函数（）{
fr.readAsDataURL（src.files[0]）；
});
}
函数putImage（）{
var src=document.getElementById（“选择图像”）；
var target=document.getElementById（“目标”）；
showImage（src，target）；
}

---

在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);
}

---

在这里。

图像尚未上载…如何显示图像？@SpencerMay使用文件API。这是JavaScript大师们喜欢演示的东西。非常感谢，它成功了！