uniapp图片上传

图片上传

带页面里面使用

<div class="type-text">
	<div class="fuj-box" @click="chooseImage">
			<img v-if="form.attachFiles[0].url" :src="form.attachFiles[0].url">
			<img v-else src="/static/images/appeal-img/ic_addpic.png" alt="">
	</div>
</div>

具体方法

const util = require('@/common/util.js')


chooseImage() {
			  uni.chooseImage({
			    count: 1,
			    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
			    sourceType: ['album'], //从相册选择
			    success: (res) => {
					// console.log(res)
			      uni.uploadFile({
			        url: util.url + '/sys/common/upload',
			        filePath: res.tempFilePaths[0],
			        name: 'file',
			        success: (uploadFileRes) => {
			          let {data} = uploadFileRes;
			          let {success, message} = JSON.parse(data);
					  // console.log(res)
			          if (success) {
			            this.form.attachFiles[0].url = message;
			            this.form.attachFiles[0].name = res.tempFiles[0].name;
			          }
			        }
			      });
			    },
			    error: function (e) {
					console.log(e)
			    }
			  })
			},