更多ruoyi-nbcio功能请看演示系统
gitee源代码地址
前后端代码： https://gitee.com/nbacheng/ruoyi-nbcio
演示地址：RuoYi-Nbcio后台管理系统 http://218.75.87.38:9666/
更多nbcio-boot功能请看演示系统
gitee源代码地址
后端代码： https://gitee.com/nbacheng/nbcio-boot
前端代码：https://gitee.com/nbacheng/nbcio-vue.git
在线演示（包括H5） ： http://218.75.87.38:9888
一、官方的帮助
官方好像也没有说清楚这个回显方式，不过看代码，就是原来的名称与url正确就好了。
但实际上传成功后，回显的数据是不正常的，只是response里的数据是正常的，按道理应该是正常上传后应该回写数据，这样就不需要我们单独写代码了。
二、在提交申请表单的时候进行处理
如下代码：
const submit = async () => {const data = await vfRenderRef.value.getFormData();const Widgetlist = await vfRenderRef.value.getFieldWidgets();//替换文件上传成功后的文件名称与url，以便后面回显用let fileUpload = Widgetlist?.filter(item => item.type === "file-upload");fileUpload?.forEach((fileitem) => {data[`${fileitem.name}`]?.forEach((dataitem,index) => {data[`${fileitem.name}`][index].name = data[`${fileitem.name}`][index].response.data?.newFileName;data[`${fileitem.name}`][index].url = data[`${fileitem.name}`][index].response.data?.url;})})//替换图片上传成功后的文件名称与url，以便后面回显用let picUpload = Widgetlist?.filter(item => item.type === "picture-upload");picUpload?.forEach((picitem) => {data[`${picitem.name}`]?.forEach((dataitem,index) => {data[`${picitem.name}`][index].name = data[`${picitem.name}`][index].response.data?.newFileName;data[`${picitem.name}`][index].url = data[`${picitem.name}`][index].response.data?.url;})})if (definitionId.value) {const res = await startProcess(definitionId.value, JSON.stringify(data));proxy?.$modal.msgSuccess(res.msg);const obj = { path: "/work/own" };proxy?.$tab.closeOpenPage(obj);}}
三效果图如下：
