我是靠谱客的博主 暴躁小蜜蜂,最近开发中收集的这篇文章主要介绍uniapp:上传头像/扫码,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

<image :src="imgList" mode="" class="" @click="projectImage()"></image>
export default {
     data(){
        return {
           imgList:[],
        }
     }
}
// 上传头像
projectImage(){
	var that = this;
	uni.chooseImage({
		count: 1,
		sizeType: ['original', 'compressed'],
		sourceType: ['album'],
		success: (chooseImageRes) => {
			const tempFilePaths = chooseImageRes.tempFilePaths;
			for(let i = 0;i < tempFilePaths.length; i++) {
					uni.uploadFile({
						url: 'http://115.85.228.000:9099/major-pro-pl/api/app/upload',
						filePath: tempFilePaths[i],
						name: 'file',
						header: {
							'Authorization': this.token
						},
						success: (uploadFileRes) => {
							var _uploadFileRes = JSON.parse(uploadFileRes.data);
							that.imgList.push(_uploadFileRes.url)
						}
				    });
			}
	    }
	});
},

------------------扫码-----------------------

// 扫码出入
scanCode(){
	var that = this;
	uni.scanCode({ //扫描API
		onlyFromCamera: true,
		success(res) { //扫描成功
			console.log(res) //输出回调信息
			var result = res.result
			console.log('result',result);
			uni.setStorageSync('result',result) // 存储数据
			wx.navigateTo({
				url:'../scanCode/scanCode?q=q&scanCode='+result
			})
		},
		fail: (res) => {//接口调用失败的回调函数
			uni.showToast({
			    title: '扫码失败',
				icon: 'none',
				duration: 1000
			})
		}
     })
}

最后

以上就是暴躁小蜜蜂为你收集整理的uniapp:上传头像/扫码的全部内容,希望文章能够帮你解决uniapp:上传头像/扫码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(90)

评论列表共有 0 条评论

立即
投稿
返回
顶部