有没有办法在 JavaScript 中使用“prompt()”插入图像？答案

【问题标题】：Is there any way to insert image using "prompt()" in JavaScript?有没有办法在 JavaScript 中使用“prompt()”插入图像？
【发布时间】：2021-05-27 06:11:31
【问题描述】：

我想在 JavaScript

中使用 prompt() 插入图像

这是我尝试过的：

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

我想要的是：

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

【问题讨论】：

几乎肯定不是。但是 ascii 艺术是可能的......如果它是您的用例的可接受替代品
我会自己编写提示的实现，或者使用库——我想到了 SweetAlert。 sweetalert2.github.io
只是不要使用任何prompt、alert 等方法。你会省去很多麻烦。这些来自我们不想记住的时代。使用不会阻塞您的 UI 并且您将能够 100% 控制的适当界面。

标签： javascript web-deployment prompt

【解决方案1】：

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

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

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

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

parent_element.appendChild(img);

【讨论】：

有没有办法在 javaScript 中插入 img 任何东西？
@Towker_joy 你是什么意思？ let img = new Image(); element.appendChild(img);?
你能举一些例子吗？我想做一个这样的项目：任何人访问我的网站，但这个网站完全空白。用户可以输入他的名字，关于，img 任何东西，而不是按 Enter。比 javascript 处理所有数据和 img 并用他的数据制作一个网站/页面

【解决方案2】：

你可以做的是使用<input type="file" ..并用js触发它

假设你有 jQuery，但不管怎样，原理都应该起作用

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

那就看this answer how to display the image without uploading it to the server

【讨论】：