Uniapp实现图片上传的功能

最新推荐文章于 2024-06-28 13:24:38 发布

BarNou

最新推荐文章于 2024-06-28 13:24:38 发布

阅读量1.1k

点赞数

文章标签： uni-app javascript 前端

本文链接：https://blog.csdn.net/qq_44127479/article/details/127753033

版权

图片上传功能，代码如下：

<template>
    <view class="picker_card" v-model="identityCardPicN" @tap="selectImg()">					 
       <image class="card_img" :src="identityCardPicN ? identityCardPicN : idIcon" mode=""> 
       </image>
	</view>
</template>

<script>
export default {
    name: 'promise',
    components: {
        
    },
    data() {
      return {
        idIcon: '本地图片路径',//如果没有上传图片，默认加载本地图片
        identityCardPicN: '',
      }
    }，
    methods: {
		// 选择图片的功能
			chooseImg() {
				var that = this
				var uploadUrl = '接口路径'
				var token = uni.getStorageSync(ACCESS_TOKEN)
                //调用uniapp选择接口的API
				uni.chooseImage({
					count: 1, //默认9 自定义为1只可选择一张图片
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认