Json加外链图片,以及常见的图片外链网站
何为Json加外链图片?
Json是一种轻量级的数据交换格式,常用于Web前后端之间的数据交互。在Json中,可以以相对路径或绝对路径的形式,加入图片的外链地址,方便前后端的交互。在前端展示时,只需将Json中的图片地址解析出来,即可插入页面中,实现动态展示图片的目的。
常见的图片外链网站有哪些?
常见的图片外链网站有:
1. 豆瓣网
2. 新浪微博
3. 百度云盘
4. 七牛云存储
5. 图床网站(比如站酷图库、Pixabay等)
在Json中如何加入外链图片地址?
在Json中,可以通过以下方式加入外链图片地址:
1. 相对路径:如\"./images/avatar.jpg\",表示在当前Json文件所在的同一目录下,有一张名为avatar.jpg的图片;
2. 绝对路径:如\"http://example.com/images/avatar.jpg\",表示图片该图片位于指定URL的位置。
如何使用Json中的外链图片地址?
在前端展示 Json 中的图片时,需要先将图片外链地址解析出来,然后使用HTML的 img 元素,将解析后的地址设置为其 src 属性。示例代码如下:
const jsonData = '{\"username\": \"John\", \"avatar\": \"./images/avatar.jpg\