如何建立一个免费的网站,江苏苏中建设集团股份有限公司网站,中企动力科技股份有限公司厦门分公司,丹东市网站开发公司在使用uniapp开发#xff0c;运用的ui是用uview#xff0c;这边需要做一个身份认证#xff0c;如下图 使用的是uview的u-upload组件#xff0c;可是这个组件传给后端的不是文件流 后端接口需要的是文件流格式#xff0c;后面使用了uniapp的选择图片或者拍照的api#x…在使用uniapp开发运用的ui是用uview这边需要做一个身份认证如下图 使用的是uview的u-upload组件可是这个组件传给后端的不是文件流 后端接口需要的是文件流格式后面使用了uniapp的选择图片或者拍照的apiapi地址
uni.chooseImage({count: 1,sizeType: [original, compressed], //可以指定是原图还是压缩图默认二者都有sourceType: [camera, album], //从相册选择success: (res) {console.log(res,res)},});uview的是返回的文件信息是对象格式uni.chooseImage返回的是文件流格式
下面我们来解决预览问题把uview的u-upload组件跟uni.api合着用代码如下
// 选择图片方法
onDiscernHandle() {if (this.fileList.length ! 0) {return false;}uni.chooseImage({count: 1,sizeType: [original, compressed], //可以指定是原图还是压缩图默认二者都有sourceType: [camera, album], //从相册选择success: (res) {this.fileList.push({url: res.tempFiles[0].path,file: res.tempFiles[0],});},});},
// 删除图片deletePic(event) {this.fileList [];},view classpage-container1-face-image clickonDiscernHandleu-upload:fileListfileListdeletedeletePicname1multiple:maxCount1acceptimage:capture[camera]classoperate-upload:previewFullImagetrue:disabledtrueu--image:showLoadingtrue:srcimgs.squarewidth250rpxheight250rpx/u--image/u-upload/view
