uni-app框架是常见的多端开发框架之一，使用uni-app框架可以极大程度上减轻开发者的工作量。

本篇就来介绍在uni-app框架基础上开发中关于如何实现上传选择相册图片并上传到服务器。

template中代码

<view class="upload_img" @click="uploadimg('id_img')">上传</view>

js代码部分

uni.chooseImage({
	count: 1, //默认9
	sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
	sourceType: ['album'], //从相册选择
	success: function (res) {
		uni.uploadFile({
			url: '上传接口',
			filePath: res.tempFilePaths[0],
			name: 'file',
			formData: {},
			success: (uploadFileRes) => {
			}
		});
	}
});

代码解析：

    uni.chooseImage：从本地相册选择图片或使用相机拍照。

    uni.uploadFile：将本地资源上传到开发者服务器

从上述代码可以看出主要分为两个流程，分别为唤醒相册选择图片和上传事件。