uni

uni-app小程序图片使用有image标签和background-image背景图两种方式：

下有获取本地图片的网络地址方式：见第四步

一、方式一：使用image标签引入： uni-app官方image 1.官方文档说：src 仅支持相对路径、绝对路径，支持 base64 码；但是我使用了网络地址https也可以显示

目前支持以下四种方式引入：

以下是uni-app文档截图

二、方式二：使用background-image背景图属性引入： uni-app背景图官方介绍

1.官方文档说：支持 base64 格式图片。 支持网络路径图片。40kb以下小图片推荐使用以 ~@ 开头的绝对路径；大图片推荐使用网络地址 。微信小程序不支持相对路径（真机不支持，开发工具支持）

目前支持以下三种方式引入：

三、预览本地图片

注意：需要有预览方法，同时图标列表数组预览 除了是https网络地址可以预览外 本地引入直接写根路径引入（既[’/static/iconimg/big.png’] 才可行（同时注意：本地引入的 小程序编辑器预览会一直刷新不可行 真机可行）

四、如何获取本地图片的网络地址：

需要注意：这个百度识图获取到的图片地址，不是永久有效的！！！！！最好让后端返回网络地址

百度–更多–百度识图–上传图片–右键检查–找到图片的src就是网络图片地址。

五、代码