vue 文件及描述信息一起上传_vue上传多个文件,附件和其他数据一起传给后台...-程序员宅基地

技术标签: vue 文件及描述信息一起上传  

前端:

实现多图上传主要用到以下两个属性:

style="padding-left:0px"

class="upload-demo"

action="admin/zuul/lcloud-elis-rms-gwb/um/rmsAnnex/upload"

:on-preview="handlePreview"

:on-remove="handleRemove"

:before-remove="beforeRemove"

:data="{idSalesTccUserNotetice:form.idSalesTccUserNotetice }"

multiple

:auto-upload="false"

:http-request="uploadFile"

ref="upload"

:limit="5"

:on-exceed="handleExceed"

:file-list="fileList">

点击上传

uploadFile(file){

this.formDate.append('file', file.file);

},

//发布

saveProject1(){

this.formDate = new FormData()

this.$refs.upload.submit();

var uid = JSON.parse(window.sessionStorage.getItem("keyLimit")).username;

this.formDate.append('noticeTitle', this.form.noticeTitle);

this.formDate.append('noticeType', this.form.noticeType);

this.formDate.append('isPublic', this.form.isPublic);

this.formDate.append('note', this.form.note);

this.formDate.append('idSalesTccUserNotetice', this.form.idSalesTccUserNotetice);

this.formDate.append('uid', uid);

let config = {

headers: {

'Content-Type': 'multipart/form-data'

}

}

this.axios.post("admin/zuul/lcloud-elis-rms-gwb/um/userNotice/save",this.formDate,config).then(res=>{

if(res.code == '0'){

if(res.object.status == 200){

this.$emit('close');

this.$emit('getNoticeList');

}

}

}).catch(err => {

console.log(err)

})

},

java后台:

@ResponseBody

@RequestMapping("/save")

public TResult insert (@RequestParam("file") MultipartFile[] file,@RequestParam("noticeTitle") String noticeTitle,

@RequestParam("noticeType") String noticeType,@RequestParam("isPublic") Integer isPublic,@RequestParam("note") String note,

@RequestParam("uid") String uid,HttpServletRequest request) {

TResult result = new TResult();

System.out.println(file.length);

}

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_39844590/article/details/111483604

智能推荐

vue-cli3的安装和项目创建-程序员宅基地

文章浏览阅读1.8w次,点赞7次,收藏41次。目录一,vue-cli2的安装和项目创建(一)安装vue-cli2(二)创建vue-cli2项目二, vue-cli3的安装和项目创建(一)vue-cli3的安装(二)vue-cli3项目创建1,用dos命令的方式2,图形化界面的方式一,vue-cli2的安装和项目创建(一)安装vue-cli2在安装vue-cli2之前,先要安装cnpm,参...

LLM-项目详解(一):Chinese-LLaMA-Alpaca【transformers/models/llama/modeling_llama.py文件】_transformers modeling_llama.py-程序员宅基地

文章浏览阅读261次。【代码】LLM-项目详解(一):Chinese-LLaMA-Alpaca【modeling_llama.py文件】_transformers modeling_llama.py

408经验贴-程序员宅基地

文章浏览阅读939次,点赞18次,收藏17次。博主双非一战物理跨考上岸了华科软件,初复试排名均是22/55。专业课408分数是126分,来浅谈一下我的经验。

从零开始学习 AJAX:超详细!15 分钟搞定 AJAX 原理和使用方法_ajax学习教程-程序员宅基地

文章浏览阅读3.7k次,点赞13次,收藏84次。本文将会介绍 AJAX 的原理和使用方法,并帮助你在短时间内掌握这一重要的前端技术。我们将从 AJAX 的基本概念入手,深入探讨 AJAX 的核心技术——XMLHttpRequest 对象以及常用的数据交互方式。通过本文的学习,你将能够轻松地了解 AJAX 的工作方式和应用场景,从而为你的 Web 应用程序添加更多的交互性和实时性。_ajax学习教程

PCL学习笔记(27)——Harris角点检测_点云 harris角点检测 r_normal r_keypoint-程序员宅基地

文章浏览阅读838次。源码#include <iostream>#include <pcl\io\pcd_io.h>#include <pcl/point_cloud.h>#include <pcl/visualization/pcl_visualizer.h>#include <pcl/io/io.h>#include <pcl/keypoints/harris_3D.h>//harris特征点估计类头文件声明#include <cst_点云 harris角点检测 r_normal r_keypoint

【数字电路】MacBook使用iverilog进行数字电路仿真_verilog mac-程序员宅基地

文章浏览阅读886次,点赞9次,收藏12次。MacBook使用iverilog进行数字电路仿真_verilog mac

随便推点

前端——基础认知(1)_前端页面的认识-程序员宅基地

文章浏览阅读309次。自 黑马程序员。_前端页面的认识

实战指定pod分散部署节点之pod反亲和性(podAntiAffinity)-程序员宅基地

文章浏览阅读5.3k次。目录使用背景和场景pod亲和性和反亲和性的区别podAntiAffinity实战部署反亲和性分软性要求和硬性要求附完整的deployment.yaml配置注意使用背景和场景业务中的某个关键服务,配置了多个replica,结果在部署时,发现多个相同的副本同时部署在同一个主机上,结果主机故障时,所有副本同时漂移了,导致服务间断性中断基于以上背景,实现一个服务的多个副本分散到不同的主机上,使每个主机有且只能运行服务的一个副本,这里用到的是Pod anti-affinit_podantiaffinity

python和小爱同学_小爱mini与小爱同学除了外观,还有什么较大的区别?-程序员宅基地

文章浏览阅读228次。参加完发布会刚到家,先占个坑,等我吃饱了再来回答。~~~~~~~~~~~~~~~~~~~~小爱mini已开箱,电源改成usb接口了,5V2A。扬声器在音箱底部,顶部的麦克风只有4个。灯光放到了中间,而且灯光颜色,光斑大小会变化。按键做得比较烂,mini版省钱省在这上面了。小爱同学中间有个play键,可以迅速按一下停止或开始播放,但是mini版似乎把这个按键给精减了。其它几个按键按下之后反应比较慢,..._python控制小爱音箱

基于单链表实现直接插入排序算法详解_单链表插入排序-程序员宅基地

文章浏览阅读7.7k次,点赞17次,收藏77次。插入排序属于稳定排序法,是一种常用的排序算法。直接插入排序算法可以利用静态数组来实现,也可以使用静态链表或者单链表来实现。本文给出了直接插入算法的单链表实现方法。_单链表插入排序

从零开始实现TinyWebServer_tinywebserver c++-程序员宅基地

文章浏览阅读5.6k次,点赞21次,收藏127次。从0到服务器开发——TinyWebServer前言:修改、完整注释、添加功能的项目代码:https://github.com/white0dew/WebServer它是个什么项目?——Linux下C++轻量级Web服务器,助力初学者快速实践网络编程,搭建属于自己的服务器。使用 线程池 + 非阻塞socket + epoll(ET和LT均实现) + 事件处理(Reactor和模拟Proactor均实现) 的并发模型 使用状态机解析HTTP请求报文,支持解析GET和POST请求 访问服务_tinywebserver c++

select an archetype 空白--eclipse新建maven项目的bug_select an archetype空白-程序员宅基地

文章浏览阅读1.2w次,点赞14次,收藏23次。笔者软件环境: eclipse neno; jdk1.8.0_101; maven 3.3.9安装maven之后,在eclipse中新建maven project时: 看到的画面与教程不一样: 根本找不到archetype的模板;选择catalog,根本没反应;这样子进行不下去啊,宝宝好慌啊;百度google齐上阵,为_select an archetype空白