我在做uniapp项目时，用的uni-file-picker组件，这是我做的一个项目实例，主要是将图片通过接口传至后台服务器
这个是我整个页面的写法，是个组件，直接引入就可以了a ` .image-group{ } .form-image-container { position: relative; display: flex; align-items: center; justify-content: center; border-radius: px2rpx(24px); border: 1px solid #c8e3e3; // background: #fff; overflow: hidden; margin-bottom: px2rpx(15px); } .inner-image{ width: 100%; height: 100%; } .form-image-medium { width: px2rpx(158px); height: px2rpx(158px); } .form-image-container-content .content-icon { width: 100%; height: px2rpx(40px); display: flex; align-items: center; justify-content: center; } .form-image-container-content .content-placeholder{ color: #172727; font-size: 12px; font-weight: 400; line-height: 1.64282rem; text-align: center; opacity: 0.3; } `
还有给大家分享一下我写的时候参考的博客 这个是# uniapp组件uni-file-picker中对上传的图片进行压缩至1兆以内(推荐) www.jb51.net/article/267… 官网 zh.uniapp.dcloud.io/component/u… 上传图片的API官网 uni.uploadFile(OBJECT) zh.uniapp.dcloud.io/api/request… 选择相册上传还是拍照上传官网API uni.chooseImage zh.uniapp.dcloud.io/api/media/i…
