ruoyi 小程序使用笔记

万变不离其宗_82025-03-24 23:25

1.上传图片

页面

bash 复制代码

<uni-forms-item label="退休证明(退休证)" name="retire">
      <uni-file-picker ref="imageUploadRetire" :limit="1" :auto-upload="false" @select="upload"/>
</uni-forms-item>

js

bash 复制代码

	import upload from '@/utils/upload.js'

methods: {
  upload(){
    const config={
      filePath:this.$refs.imageUploadRetire.files[0].path,
      url:'/api/common/file/upload'
    }
    upload(config).then(res=>{
      this.form.retire=res.data.fileName;
    })
  },
}

图片显示

bash 复制代码

<uni-forms-item label="退休证明（退休证 )" name="retire">
	<view class="form-item">
          <uni-file-picker v-model="baseFormData.showRetire" ref="imageUploadRetire" :limit="1" :auto-upload="false" @select="upload"/>
	</view>
</uni-forms-item>

//获取专家信息
getExpInfo() {
	getExpertInfo().then(res => {
		if (res.code === 200) {
			this.baseFormData = res.data
         this.baseFormData.showRetire=[];
			this.baseFormData.showRetire.push({url:baseUrl+res.data.retire});
			console.log('专家信息---------', this.baseFormData)
			this.baseFormData.majorId = parseInt(this.baseFormData.majorId)
		}
	})
},