ruoyi 小程序使用笔记

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)
		}
	})
},
相关推荐
DKPT27 分钟前
Java桥接模式实现方式与测试方法
java·笔记·学习·设计模式·桥接模式
巴伦是只猫2 小时前
【机器学习笔记Ⅰ】13 正则化代价函数
人工智能·笔记·机器学习
汤姆yu3 小时前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序
X_StarX8 小时前
【Unity笔记02】订阅事件-自动开门
笔记·学习·unity·游戏引擎·游戏开发·大学生
MingYue_SSS8 小时前
开关电源抄板学习
经验分享·笔记·嵌入式硬件·学习
巴伦是只猫8 小时前
【机器学习笔记 Ⅱ】1 神经网络
笔记·神经网络·机器学习
weixin_437398219 小时前
转Go学习笔记(2)进阶
服务器·笔记·后端·学习·架构·golang
teeeeeeemo10 小时前
回调函数 vs Promise vs async/await区别
开发语言·前端·javascript·笔记
说私域10 小时前
基于开源AI智能名片链动2+1模式的S2B2C商城小程序:门店私域流量与视频号直播融合的生态创新研究
人工智能·小程序·开源
说私域13 小时前
传统微商困境与开源链动2+1模式、AI智能名片及S2B2C商城小程序的转型破局
人工智能·小程序·开源