怎么在uniapp、index.vue中导入图片

1、在uniapp导入图片的方法是在js中通过require() 引入图片（图片大小不能超过3kb）或在html中通过相对路径引入（绝对路径打包后图片不显示）。

2、在index.vue中导入图片的方法是先给图片地址绑定变量，在script中设置变量。直接将图片引入为模块，require imgUrl from "../assets/test.png"。即可完成图片的导入。

这次项目中做了一个图片上传，要求是大于2MB的就压缩成2MB一下的再上传，我这边利用了uniapp的文件接口，使用canvas做了一个压缩上传的功能，目前已上线，使用无问题。

定义canvas

canvas样式

定义数据

打开相册

递归上传

删除照片

预览大图

压缩图片

如果看了觉得有帮助的，我是@ 鹏多多11997110103 ，欢迎 点赞 关注 评论；

END

往期文章

个人主页