uniapp上传图片文件

最新推荐文章于 2024-09-23 16:19:19 发布

侯先生

最新推荐文章于 2024-09-23 16:19:19 发布

阅读量709

点赞数

文章标签： javascript vue.js html5 uni-app

本文链接：https://blog.csdn.net/qq_45787678/article/details/120780031

版权

思路、
首先获取本地图片路径可以拍照或者使用相册，获取之后使用uni.uploadFile上传

uni.chooseImage({
				    count: 1, //默认9
				    sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有
				    sourceType: ['camera '], //手机拍照
				    success:(res)=> {
						console.log(res);
						const tempFilePaths = res.tempFilePaths;
						// if (res.tempFiles[0].size > 2291456) return uni.showToast({title: "上传图片大小不能超过2MB",icon: 'none'});
						this.imgsrcArr.push(res.tempFilePaths[0])
						uni.uploadFile({
							url: `上传服务器路径`,
							filePath: tempFilePaths[0],
							name: 'file',
							formData: {
								"file":tempFilePaths[0],
								use:'company_photo'
							},
							success: (uploadFileRes) => {
								console.log(JSON.parse(uploadFileRes.data).data.id,"返回信息");
								this.logo = JSON.parse(uploadFileRes.data).data.id
							}
						});
				    }
				});