gpt4 book ai didi

Javascript:显示选定的图像

转载 作者:太空宇宙 更新时间:2023-11-04 14:35:24 26 4
gpt4 key购买 nike

<分区>

我试图做到这一点,所以当您选择图片时,它会直接显示出来。当然,您可以在 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>

这以一种奇怪的方式对我不起作用。因为 onchange 有效。我可以通过对事件发出警告来测试它。效果很好。 javascript 也可以在 jsfiddle 中工作。但是这些东西结合起来不行。希望有人能帮忙

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com