uni-app -- 选择图片、上传图片

1. 选择图片

choosePhoto() {
	const _this = this;
	uni.chooseImage({
		count: 1, //最多可以选择的图片张数,默认9
		sourceType: ['album'], //album 从相册选图,camera 使用相机,默认二者都有。如需直接开相机或直接选相册,请只使用一个选项
		sizeType: ['original'],//original 原图,compressed 压缩图,默认二者都有
		success(res) {
			console.log('选择图片完成', res)
			// 调用上传图片的接口
			_this.uploadPhoto(res.tempFilePaths);
		},
		fail() {
			console.log('失败', err);
		},
		complete() {
			console.log('结束');
		},
	})
}

2.上传图片

uploadPhoto(tempFilePaths) { 
	uni.uploadFile({
		url: '****', //开发者服务器 url
		header:{
			// HTTP 请求 Header, header 中不能设置 Referer
		},
		filePath: tempFilePaths[0], // 要上传文件资源的路径
		name: 'fileblock', // 文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容
		formData:{
			// HTTP 请求中其他额外的 form data (即接口需要的其它参数)
		},
		success(res) {
			console.log('上传成功', res);
		},
		fail() {
			console.log('失败', err);
		},
		complete() {
			console.log('结束');
		},
	})
}
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值