uni-app 上传图片并压缩

上传图片 {{imgList.length}}/3
data:{ 
    imgList: []
},


ChooseImage() {
	let _self = this;
	let imgarr = [];
	uni.chooseImage({
		success: (chooseImageRes) => {
			const tempFilePaths = chooseImageRes.tempFilePaths;
			uni.uploadFile({
				url: _self._apiurl + "/app/goods/uppicture",
				filePath: tempFilePaths[0],
				name: 'file',   //file方式
				formData: {
					openid: _self.openid, //传值
					token: _self.token
				},
				success: (uploadFileRes) => {
					console.log(uploadFileRes);
					let res = JSON.parse(uploadFileRes.data);
					imgarr.push(res.data)
					console.log(imgarr);
						if ( _self.imgList.length != 0) {
							 _self.imgList =  _self.imgList.concat(imgarr)
						} else {
							 _self.imgList = imgarr
						}
				}
			});
		}
	});
},
ViewImage(e) {
	uni.previewImage({
		urls: this.imgList,
		current: e.currentTarget.dataset.url
	});
},
DelImg(e) {
	uni.showModal({
		title: '删除',
		content: '确定要删除这张照片吗?',
		cancelText: '取消',
		confirmText: '删除',
		success: res => {
			if (res.confirm) {
				this.imgList.splice(e.currentTarget.dataset.index, 1)
			}
		}
	})
}

 

你可能感兴趣的:(uni-app)