uniapp上传图片方法代码
Hbuilder
2023-11-21 19:34
106
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>
