VForm3的文件上传方式

更多ruoyi-nbcio功能请看演示系统

gitee源代码地址

前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio

演示地址:RuoYi-Nbcio后台管理系统 http://122.227.135.243:9666/

更多nbcio-boot功能请看演示系统 

gitee源代码地址

后端代码: https://gitee.com/nbacheng/nbcio-boot

前端代码:https://gitee.com/nbacheng/nbcio-vue.git

在线演示(包括H5) : http://122.227.135.243:9888

一、官方推荐

好像太麻烦了,难道我每次增加一个文件或图片上传组件都要这样做一边?

另外上面获取token也不完全啊,同时还没有解决回显的问题。

官方说的下面回显问题好像也不大明白

二、采用简单粗暴的方式,直接修改源代码进行重新打包

   下载VForm3的源代码,修改token机制,根据我的项目简单传入header的token与clientId

如下:

<div class="form-conf" v-if="dialog.visible"><v-form-render :form-json="formModel" :nbcioHeader="nbcioHeader" :form-data="formData" ref="vfRenderRef"></v-form-render><div class="cu-submit"><el-button type="primary" @click="submit">提交</el-button><el-button @click="reset">重置</el-button></div></div>

其中

onBeforeMount(() => {const clientid = import.meta.env.VITE_APP_CLIENT_ID;console.log("onBeforeMount clientid",clientid)nbcioHeader = { "Authorization":"Bearer " + getToken(),"Clientid": clientid }});

三、在v-form-render组件里进行修改,把上面的头文件信息传入进去

如:

export default {name: "file-upload-widget",componentName: 'FieldWidget',  //必须固定为FieldWidget,用于接收父级组件的broadcast事件mixins: [emitter, fieldMixin, i18n],props: {field: Object,parentWidget: Object,parentList: Array,indexOfParentList: Number,designer: Object,designState: {type: Boolean,default: false},subFormRowIndex: { /* 子表单组件行索引,从0开始计数 */type: Number,default: -1},subFormColIndex: { /* 子表单组件列索引,从0开始计数 */type: Number,default: -1},subFormRowId: { /* 子表单组件行Id,唯一id且不可变 */type: String,default: ''},nbcioHeader: { // for ruoyi-nbcio-plus使用type: Object,default: () => ({})},},

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/1670.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

“转义字符”知多少

有一些不容易直接表示的字符&#xff0c;最典型的是“换行符”&#xff0c;要表示这样的字符就需要用到“转义字符”。 严格来讲&#xff0c;转义字符&#xff08;Escape character&#xff09;专指反斜杠 \。 在C语言中&#xff0c;以反斜杠 \ 开头&#xff0c;后面跟一个或…

AI电销机器人系统源码部署:freeswitch安装Windows

在 Windows 上安装 FreeSWITCH 可以通过以下步骤完成&#xff1a; 下载安装文件&#xff1a; 访问 FreeSWITCH 官方网站&#xff08;https://freeswitch.org/&#xff09;并下载适用于 Windows 的安装程序。 运行安装程序&#xff1a; 打开下载的安装程序&#xff0c;并按照提…

第三届 SWCTF-Web 部分 WP

写在前面 题目主要涉及的是前端 php 内容知识&#xff0c;仅以本篇博客记录自己 Web 出题的奇思妙想。 Copyright © [2024] [Myon⁶]. All rights reserved. 目录 1、HTTP 2、再见了晚星 3、myon123_easy_php 4、baby_P0P 5、LOGIN!!! 1、HTTP 首页文件默认就是 ind…

《大话西游2》本人收集的十二个单机版游戏,有详细的视频架设教程,云盘下载

《大话西游2》是一款经典的大型多人在线角色扮演游戏&#xff0c;也是一款国风经典的游戏。 有能力的可以架设个外网&#xff0c;让大家一起玩。 《大话西游2》本人收集的十二个单机版游戏&#xff0c;有详细的视频架设教程&#xff0c;值得收藏 下载地址&#xff1a; 链接&…

半导体制造工艺之分类浅述

半导体制造工艺分为逻辑制程(也叫逻辑工艺)和特殊制程(也叫特色工艺)。 1、逻辑工艺概述 随着集成电路行业沿着摩尔定律不断发展,晶体管数量增加的同时,工艺节点不断缩小。先进逻辑工艺是相对的概念,2005年全球先进逻辑工艺的工艺节点在65/55纳米,现在则变为3纳米。中…

关于前端的那些知识点

1.CommonJs和Es6(ECMAScript 6 )模块化的相同点和不同点 // 相同点: // ---对引入的对象赋值,即对象内部的值的改变// 不同点: // 1.CommonJs require模块运行时加载,而Es6模块编译时输出接口 // 2.CommonJs require模块同步加载(排队加载),而es6模块异步加载(就是同时…

人人可拥有刘强东同款数字人分身!

每个人都可以拥有东哥同款数字人分身直播间进行直播带货&#xff0c;怎样克隆自己的数字人形象&#xff1f; 青否数字人克隆源码的克隆效果媲美真人&#xff1a; 仅需将真人录制的2-6分钟视频上传至克隆端后台&#xff0c;系统便会自动启动自动克隆。3-5小时后&#xff0c;即可…

学习微服务nacos遇到的问题

在学习微服务注册到nacos的时候&#xff0c;所有过程都正确了&#xff0c;注册也成功了&#xff0c;但是访问不了调用的地址报错出现问题。 一、引入依赖 在cloud-demo父工程的pom文件中的<dependencyManagement>中引入SpringCloudAlibaba的依赖 1、springboot <pa…

数据安全:口令

数据安全&#xff1a;口令 概念 在数据安全和网络安全领域中&#xff0c;口令&#xff08;或密码&#xff09;的安全性至关重要。其中&#xff0c;弱口令和强口令是两个核心概念&#xff0c;它们分别代表了不同级别的密码安全性。 弱口令通常指的是那些容易被猜测或破解的密…

森林消防装备:高压消防接力水泵/恒峰智慧科技

在广袤无垠的森林中&#xff0c;每一份绿色都是大自然赋予我们的宝贵财富。然而&#xff0c;这些美丽的绿色也可能因为一场突如其来的火灾而被瞬间吞噬。为了保护这片生命的绿洲&#xff0c;我们需要一种高效、可靠的消防装备——高压消防接力水泵。 这款森林消防装备采用本田汽…

常规文件怎么做成二维码?扫描二维码就能在线看文件

现在可以将文件做成活码二维码之后&#xff0c;通过扫描二维码的方式来查看文件内容&#xff0c;部分二维码也可以扫码下载文件&#xff0c;从而实现文件在其他人之间的快速传播。 文件二维码的制作原理是将文件上传到云端之后&#xff0c;生成单独的链接转换成二维码&#xf…

皮带跑偏AI巡检系统 砂石、煤矿、物流场景下的皮带跑偏自动检测

在工业生产中&#xff0c;皮带传动系统被广泛应用于输送、运输和生产线等领域。然而&#xff0c;皮带跑偏是一个普遍存在且隐患严重的问题。一旦皮带跑偏&#xff0c;不仅会造成设备损坏、生产中断&#xff0c;还可能引发严重的安全事故&#xff0c;甚至导致人员伤亡。目前常见…

vue3项目使用<img :src=““ />动态加载图片

分享一下使用<img :src"" />动态加载图片时遇到的问题以及解决方法。 下面是部分页面代码&#xff0c;这里我使用了<img :src"itemc.headUrl" />来动态加载图片 这时遇到了问题&#xff0c;因为这里的itemc.headUrl是图片的相对路径&#xff…

Maven 杂记

pom.xml中的一些注意点 <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://maven.apache.…

P450焕新而来,室内外两用+路径规划+YOLO点击跟踪,算力高达100TOPS

Prometheus 450&#xff08;简称P450&#xff09;是一款室内室外两用的中型轴距&#xff08;410mm&#xff09;无人机&#xff0c;基于F450基础飞行平台&#xff0c;搭载感知传感器二维平面激光雷达&#xff0c;双目深度相机等&#xff0c;配合软件Prometheus自主无人机系统和S…

XiaodiSec day029 Learn Note 小迪渗透学习笔记

XiaodiSec day029 Learn Note 小迪渗透学习笔记 记录得比较凌乱&#xff0c;不尽详细 day 29 知识点 明确查询方式注入 Payload 明确查询方式注入产生功能 明确 sql 盲注延时、布尔、报错 开始 如果查询数据没有在页面上回显&#xff0c;将不同于之前的注入情况 使用 uni…

基于SSM的便捷外卖点餐系统。Javaee项目。ssm项目。

演示视频&#xff1a; 基于SSM的便捷外卖点餐系统。Javaee项目。ssm项目。 项目介绍&#xff1a; 采用M&#xff08;model&#xff09;V&#xff08;view&#xff09;C&#xff08;controller&#xff09;三层体系结构&#xff0c;通过Spring SpringMvcMybatisVueLayuiElemen…

Java学习笔记29(泛型)

1.泛型 ArrayList<Dog> arrayList new ArrayList<Dog>(); //1.当我们ArrayList<Dog>表示存放到ArrayList集合中的元素是Dog类 //2.如果编译器发现添加的类型&#xff0c;不满足要求&#xff0c;就会报错 //3.在便利的时候&#xff0c;可以直接取出Dog类型而…

深度学习基础——Seq2Seq框架在编码-解码过程中的信息丢失问题及解决方法

深度学习基础——Seq2Seq框架在编码-解码过程中的信息丢失问题及解决方法 在自然语言处理领域&#xff0c;Seq2Seq模型是一种常用的序列到序列模型&#xff0c;用于处理序列数据&#xff0c;例如机器翻译、文本摘要等任务。Seq2Seq模型由编码器&#xff08;Encoder&#xff09…

论文笔记:Does Writing with Language Models Reduce Content Diversity?

iclr 2024 reviewer评分 566 1 intro 大模型正在迅速改变人们创造内容的方式 虽然基于LLM的写作助手有可能提高写作质量并增加作者的生产力&#xff0c;但它们也引入了算法单一文化——>论文旨在评估与LLM一起写作是否无意中降低了内容的多样性论文设计了一个控制实验&…