有沒有辦法在 JavaScript 中使用“prompt()”插入圖像？

Question

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

這是我嘗試過的事情：

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

我想要的是：

var profile_img = prompt("Choose Your Picture"); [圖片類型]

Answer 1

不，這是不可能的。 window.prompt()調用僅接受文本輸入。

根據您的用例，用戶可以將公共 URL 輸入到圖像（任何支持的協議，甚至是偽方案data: ：），然后您的腳本可以從給定的 URL 中獲取圖像。 Andrew在評論中提到的另一種可能性：讓用戶輸入圖像的編碼版本（base64，hexdump，...），然后自己解析它以取回二進制圖像數據。

然后要將圖像插入到您的 DOM 中，請參閱 Stackoverflow 上的其他問題和答案，例如DOM appendChild to insert images ：

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();" />

然后看看這個答案如何在不上傳到服務器的情況下顯示圖片