uniapp点击上传图片

<template>
	<view>
		<view class="payment-box">
			<text class="payment-text">付款凭证</text>
			<text class="payment-img" @click="upload()">
				<u-icon class="plus" name="plus" v-show="!payimg"></u-icon>
				<image :src="$util.img(payimg)" mode="heightFix"></image>
			</text>
		</view>
		<view class="payment-voucher">
			<view>付款说明</view>
			<input class="voucher-import" v-model="desc" placeholder="请输入付款备注" />
		</view>

		<button class="submit-btn" @click="save()">提交</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				payimg: '',
				desc: ''
			}
		},
		methods: {
			save() {
				let that = this;
				if (this.pay_img == '') {
					this.$util.showToast({
						title: '请上传支付凭证！'
					});
					return;
				}

				this.$api.sendRequest({
					url: "/fenxiao/api/fenxiao/offlinePay",
					data: {
						out_trade_no: this.outTradeNo,
						pay_img: this.payimg,
						desc: this.desc
					},
					success: (res) => {
						if (res.code >= 0) {
							this.$util.showToast({
								title: '提交成功！'
							});
							setTimeout(() => {
								that.$util.redirectTo('/pages/member/index/index', {}, 'switch');
							}, 1500)
						}
					},
				});
			},
			upload() {
				this.$util.upload(1, {
					path: 'evaluateimg'
				}, res => {
					this.payimg = res[0];
				});
			},
		}
	}
</script>