构建项目结构在UniApp项目中封装uni-app图片上传功能，设立一个名为quotuploadimagequot封装uni-app图片上传功能的文件夹封装uni-app图片上传功能，作为自定义上传图片组件封装uni-app图片上传功能的存放地设计Vue单文件组件在quotuploadimagequot文件夹内，创建quotUploadImagevuequot文件此文件内将集成上传图片功能的界面与逻辑编写组件代码在quotUploadImagevuequot文件中，实现上传图片组件的编写重点在于on。

封装uni-app图片上传功能 - APK报毒处理平台-apk防红链接-防封链接-安卓过毒免杀-稳定不掉签名TG:@AICDN8 第1张

可以根据查询CSDN网显示，苹果的IOS系统都可以正常接收uniuploadfile相册上传图片h5uniapp提供了uniuploadFile方法，可以方便地实现文件上传功能。

打开HBuilderX开发工具，创建uniapp项目，绑定点击事件即可在methods中，定义点击事件，调用api中的unichooseImage在上传照片的API中，请求成功后调用unigetImageInfo，获取图片信息在获取图片方法下方，调用uni previewImage，预览图片保存代码并运行到小程序模拟器，查看界面显示效果uniapp是一个使用。