HTML 将用户粘贴的图像 URL 设置为 img src

发布于 2024-12-25 19:52:39 字数 315 浏览 2 评论 0原文

好的。我的网站上有一个图像,我希望用户能够通过将图像 URL 粘贴到文本输入字段并按 Enter 来更改该图像。我已经设置了输入和图像,我只是不知道如何将用户粘贴到框中的文本并将其设置为 img src。

这是我的输入

<Input type="text" id="usrimg">

这是我的图像代码 我想更改为粘贴在上面框中的 URL

imageObj.src = "http://WHATEVERURLUSERPASTES.co";

有什么想法吗?

Okay. I have an image on my website that I would like users to be able to change by pasting a image URL into a text input field and pressing enter. I have the input and image set up, I just don't know how I could take the text that the user pasts into the box, and set it as the img src.

Here is my input

<Input type="text" id="usrimg">

And here is my Image code I want to change to the URL pasted in the box above

imageObj.src = "http://WHATEVERURLUSERPASTES.co";

Any ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

绅刃 2025-01-01 19:52:39

JavaScript?

var imageObj.src = document.getElementById('YOURID').value;

javascript?

var imageObj.src = document.getElementById('YOURID').value;

酷到爆炸 2025-01-01 19:52:39

服务器端代码? PHP、C#、VB.NET、Vbscript、Jscript,任何可用于 CGI 的语言?
伪代码:

var imgobj = (find img)
imgobj.src = query(usrimg)

Server side code? PHP, C#, VB.NET, Vbscript, Jscript, anything usable for CGI?
Pseudo code:

var imgobj = (find img)
imgobj.src = query(usrimg)
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文