有没有办法在 JavaScript 中使用 "prompt()" 插入图像？

Question

我想在JavaScript中使用prompt()插入图像

这是我尝试过的东西：

var name = prompt("Enter your name");[字符串或数字类型]

我想要的是：

var profile_img = prompt("Choose Your Picture");[img类型]

Answer 1

不，这是不可能的。window.prompt()调用只接受文本输入。

根据您的用例，用户可以输入图像的公共URL(任何支持的协议，甚至是pseude方案data:(，然后您的脚本可以从给定的URL中获取图像。Andrew在评论中提到的另一种可能性是：让用户输入图像的编码版本(base64、hexdump…(，然后自己解析它以获取二进制图像数据。

要将图像插入到DOM中，请参阅Stackoverflow上的其他问题和答案，例如DOM appendChild插入图像：

let img = document.createElement("img");
img.src = 'path/to/image';
parent_element.appendChild(img);

Answer 2

您可以使用<input type="file" ..并用js 触发它

假设您有jQuery，但无论如何，原则都应该有效

<input id="myInput" type="file" style="visibility:hidden" />
<input type="button" value="Show Dialog" onclick="$('#myInput').click();" />

然后看看这个答案如何在不上传到服务器的情况下显示图像