我尝试上传并显示用户在JavaScript中选择的图像

bzzcjhmw 于 2022-11-20 发布在 Java

关注(0)|答案(1)|浏览(111)

我正在尝试上传并显示用户通过使用HTML中的id元素选择的图像;例如：
于飞：

<span id="propicout"><img src="#" alt="PROFILE" id="propicout"></span>

我不知道

const propic = document.getElementById("propicin").value;

现在我只需要将id“propicout”设置为用户上传的图像。

我尝试了一些YouTube教程，有些很复杂，有些不起作用。我也看了堆栈溢出，但它们并不真正符合我正在做的事情。

JavaScript

来源：https://stackoverflow.com/questions/74505403/im-trying-to-upload-and-display-images-that-the-user-selected-in-javascript

1条答案

按热度按时间

fiei3ece1#

您要查找的代码是URL.createObjectURL()。
这将创建一个指向内存中（或缓存在磁盘上）的图像数据的临时URL，您可以像使用其他URL一样使用它。

document.querySelector('input[type="file"]').addEventListener('change', (e) => {
  document.querySelector('img').src = URL.createObjectURL(e.currentTarget.files[0])
});

JSF中间文件：https://jsfiddle.net/qg1j8e25/1/

（另外，顺便说一下...您在HTML中重复使用了ID。不要这样做。ID应该只使用一次。）*

赞(0）回复(0）举报 2022-11-20

我来回答

我尝试上传并显示用户在JavaScript中选择的图像

我尝试了一些YouTube教程，有些很复杂，有些不起作用。我也看了堆栈溢出，但它们并不真正符合我正在做的事情。

1条答案

相关问题

热门标签

最新问答