将图像作为用户的输入[重复]答案

【问题标题】：Take image as input from users [duplicate]将图像作为用户的输入[重复]
【发布时间】：2020-06-17 14:58:21
【问题描述】：

我需要使用 javascript 更改图像。我正在创建一个为用户创建网页的网站，但我不知道如何从用户那里获取图像并将其插入到我显示为示例图片。请回答

【问题讨论】：

请分享一些代码，以便社区可以看到您已经尝试过的内容。
可以使用html输入类型文件
欢迎来到 Stack Overflow！请访问help center，使用tour 了解内容和How to Ask。做一些研究，搜索关于 SO 的相关主题；如果您遇到困难，请发布您的尝试minimal reproducible example，并使用[<>] sn-p 编辑器记录输入和预期输出。

【解决方案1】：

这里是html 和 JavaScript 我希望这能解决你的问题。

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

 <img id="target" />
<input type="file" id="select_image" name="image" onchange="putImage()" />

【讨论】：

【解决方案2】：

这将帮助用户从本地 PC 中选择图像或文件。另请参阅此链接以了解有关 HTML 标签的更多信息w3refer

<form>
 <input type="file">
</form>

【讨论】：