uni小程序实现文件上传

最新推荐文章于 2024-07-24 09:50:55 发布

a濯

最新推荐文章于 2024-07-24 09:50:55 发布

阅读量151

点赞数 3

文章标签：小程序 uni-app

本文链接：https://blog.csdn.net/qq_46738283/article/details/137352770

版权

uni.chooseImage({
				count: 1, //默认9
				sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
				sourceType: ['album'], //从相册选择
				success: (chooseImageRes) => {
					console.log('tempFilePaths', chooseImageRes);
					const filePath = chooseImageRes.tempFiles[0].path;
					const fileSize = chooseImageRes.tempFiles[0].size;
					if (fileSize > 2 * 1024 * 1024) {
						that.$refs.uToast1.show({
							message: '文件大小不能超过2M',
							type: 'error'
						});
						return;
					} else {
						uni.uploadFile({
							url: 'https://.......',
							filePath: filePath,
							name: 'file',
							success: function (res) {
								var data = res.data;
								data = JSON.parse(data);
								that.formLabelAlign.profilePhoto = data.data.url;
								updateStudent(that.formLabelAlign).then((res) => {
									if (res.data.code == 200) {
										that.$refs.uToast1.show({
											message: '上传成功',
											type: 'success'
										});
										that.imageself = data.data.url;
										that.stuinfo = that.studentInfo;
										that.stuinfo.profilePhoto = that.imageself;
										that.$store.commit('SET_STUDENT2', that.stuinfo);
									} else {
										that.$refs.uToast1.show({
											message: '上传失败',
											type: 'error'
										});
									}
								});
							},
							fail: function (err) {
								console.log(err);
							}
						});
					}
				},
				fail: (error) => {
					console.error('选择文件失败', error);
				}
			});