uniapp上传图片方法代码

Hbuilder   2023-11-21 19:34   35   0  
<view>
	<view>
		<progress :percent="percent" stroke-width="10"></progress>
	</view>
	<view>
		<button type="primary" :loading="loading" :disabled="disabled" @click="upload">选择照片</button>
	</view>
</view>
<script>
export default{
	data:{
		res:'',
		percent:0
	},
	onLoad:function(){},
	methods:{
		upload:function(){
			uni.chooseImage({
				count:1,
				sizeType:['compressed'],
				success:function(res){
					var imgsFile=res.tempFilePaths[0];
					var uper = uni.upladFile({
						url:'https://upload.wangzhi.com';
						filePath:imgsFile[0],
						success:function(res1){
							console.log(res1);
						}
					});
					uper.onProgressUpdate(function(res){
						console.log('上传进度'+res.progress);
						console.log('已经上传的数据长度'+res.totalBytesSent);
						console.log('预期需要上传的数据总长度'+res.totalBytesExpectedToSend);
					});
				}
			});
		}
	}
}
</script>


博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。