我的图片在网页上动不了

< img id="bear" src="../img/201741121545531746.jpg" style="width: 20%; height: 40%;" alt="小熊">

jpg 是静态图, gif 才可以动

【以下回答由 GPT 生成】

问题分析: 给定的代码中,图片元素的src属性值指向了一个本地文件路径,而不是一个有效的网络路径。因此,图片无法在网页上动态展示。

解决方案: 要解决这个问题,我们需要将图片的src属性值修改为一个有效的网络路径,可以是一个在线图片的URL,或者是服务器上存储的图片路径。

这里提供两种解决方案:

解决方案1:使用在线图片URL 可以使用任意一个在线图片的URL替换原来的src属性值。你可以从各种图片托管网站上获取图片的URL,比如Imgur、Unsplash等。

例如,将图片的src属性修改为以下URL:

<img id="bear" src="https://example.com/path/to/image.jpg" style="width: 20%; height: 40%;" alt="小熊">

解决方案2:将图片上传到服务器 可以将图片上传到服务器并生成一个网络路径,然后将该路径用于替换图片的src属性值。

首先,在服务器上创建一个目录,用于存储上传的图片。然后,通过服务器上的上传接口将图片上传到该目录,接口可以基于你正在使用的编程语言和框架自行实现。

一旦图片上传成功,服务器将返回图片的网络路径。此时,将该路径用于替换图片的src属性值即可。

例如,在服务器上将图片存储在/uploads目录下后,将图片的src属性修改为以下路径:

<img id="bear" src="https://example.com/uploads/201741121545531746.jpg" style="width: 20%; height: 40%;" alt="小熊">

请注意,以上解决方案可能需要根据实际情况进行适当修改。另外,如果你没有上传图片到服务器的权限,或者你对服务器配置和编程不熟悉,建议找到负责网站开发的人员寻求帮助。



【相关推荐】



如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^