技术标签: 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);
}
文章浏览阅读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,参...
文章浏览阅读261次。【代码】LLM-项目详解(一):Chinese-LLaMA-Alpaca【modeling_llama.py文件】_transformers modeling_llama.py
文章浏览阅读939次,点赞18次,收藏17次。博主双非一战物理跨考上岸了华科软件,初复试排名均是22/55。专业课408分数是126分,来浅谈一下我的经验。
文章浏览阅读3.7k次,点赞13次,收藏84次。本文将会介绍 AJAX 的原理和使用方法,并帮助你在短时间内掌握这一重要的前端技术。我们将从 AJAX 的基本概念入手,深入探讨 AJAX 的核心技术——XMLHttpRequest 对象以及常用的数据交互方式。通过本文的学习,你将能够轻松地了解 AJAX 的工作方式和应用场景,从而为你的 Web 应用程序添加更多的交互性和实时性。_ajax学习教程
文章浏览阅读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
文章浏览阅读886次,点赞9次,收藏12次。MacBook使用iverilog进行数字电路仿真_verilog mac
文章浏览阅读309次。自 黑马程序员。_前端页面的认识
文章浏览阅读5.3k次。目录使用背景和场景pod亲和性和反亲和性的区别podAntiAffinity实战部署反亲和性分软性要求和硬性要求附完整的deployment.yaml配置注意使用背景和场景业务中的某个关键服务,配置了多个replica,结果在部署时,发现多个相同的副本同时部署在同一个主机上,结果主机故障时,所有副本同时漂移了,导致服务间断性中断基于以上背景,实现一个服务的多个副本分散到不同的主机上,使每个主机有且只能运行服务的一个副本,这里用到的是Pod anti-affinit_podantiaffinity
文章浏览阅读228次。参加完发布会刚到家,先占个坑,等我吃饱了再来回答。~~~~~~~~~~~~~~~~~~~~小爱mini已开箱,电源改成usb接口了,5V2A。扬声器在音箱底部,顶部的麦克风只有4个。灯光放到了中间,而且灯光颜色,光斑大小会变化。按键做得比较烂,mini版省钱省在这上面了。小爱同学中间有个play键,可以迅速按一下停止或开始播放,但是mini版似乎把这个按键给精减了。其它几个按键按下之后反应比较慢,..._python控制小爱音箱
文章浏览阅读7.7k次,点赞17次,收藏77次。插入排序属于稳定排序法,是一种常用的排序算法。直接插入排序算法可以利用静态数组来实现,也可以使用静态链表或者单链表来实现。本文给出了直接插入算法的单链表实现方法。_单链表插入排序
文章浏览阅读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++
文章浏览阅读1.2w次,点赞14次,收藏23次。笔者软件环境: eclipse neno; jdk1.8.0_101; maven 3.3.9安装maven之后,在eclipse中新建maven project时: 看到的画面与教程不一样: 根本找不到archetype的模板;选择catalog,根本没反应;这样子进行不下去啊,宝宝好慌啊;百度google齐上阵,为_select an archetype空白