uniapp使用七牛云上传demo效果（整理）

最新推荐文章于 2023-12-30 15:02:49 发布

转载最新推荐文章于 2023-12-30 15:02:49 发布 · 628 阅读

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/qq_37165295/article/details/123725509?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-123725509-blog-129708110.235%5Ev35%5Epc_relevant_increate_t0_download_v2_base&depth_1-utm

文章标签：

#uniapp使用七牛云上传 #七牛云 #七牛云上传

七牛云上传地区

 uploadURL = 'https://up.qiniup.com';      //代表华东区域
 uploadURL = 'https://up-z1.qiniup.com';   //代表华北区域
 uploadURL = 'https://up-z2.qiniup.com';   //代表华南区域
 uploadURL = 'https://up-as0.qiniup.com';  //代表东南亚区域
 uploadURL = 'https://up-na0.qiniup.com';  //代表北美区域

addPic() {
	uni.chooseImage({
		count: 1,
		sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有
		sourceType: ["album", "camera"], //从相册选择
		success: (res) => {
			uni.showLoading({
				title: "图片上传中...",
				mask: true,
			})
			// res.tempFilePaths.forEach((filePath, index) => {
			// 如果是选择多张, 放循环里面上传
			// })
			let img = res.tempFilePaths[0]; //拿到里面的
			this.$.ajax("POST", "/index/qiniuToken", {}, (res) => {
				if (res.code === 200) {
					let key = new Date().getTime();
					uni.uploadFile({
						url: "https://up-z1.qiniup.com", //代表华北区域
						filePath: img,
						name: 'file',
						method: "POST",
						formData: res.data,
						success: uploadFileRes => {
							//uploadFileRes 返回了data是一个json字符串 
							//拿到里面的key拼接上域名，再反出去就ok了
							let strToObj = JSON.parse(uploadFileRes.data);
							console.log(strToObj)
							// res.data.domain 后台返回的域名
							var imgUrl = res.data.domain + '/' + strToObj.key
							this.picImg.push(imgUrl); //回显的图片链接

							var form = {
								ajax_type: 'form',
								army_photo: this.picImg[0],
							}
							this.userInfoEditWay(form)
							uni.hideLoading();
						},
						fail: fail => {
							uni.showToast({
								title: "网络错误",
								icon: "none"
							});
							data.fail(fail); //反出去错误信息
							uni.hideLoading();
						}
					})
				} else {
					this.$.toast(res.message)
				}
			});

		}
	})
},