jquery传输文件到后端，后端处理数据。

<!--HTML代码-->
<input type="file" name="uploadFile" id="uploadFile">
<!--JQuery代码-->
$("#uploadFile").on("change", function() {debugger;var obj=$("#uploadFile")[0].files;var formData = new FormData();                      // 创建一个form类型的数据formData.append('file',obj[0]);     // 获取上传文件的数据$.ajax({"url": "","type": "","processData": false, // 将数据转换成对象，不对数据做处理，故 processData: false"contentType": false,    // 不设置数据类型"xhrFields": {                // 这样在请求的时候会自动将浏览器中的cookie发送给后台withCredentials: true},"data": formData,success: function(data) {console.log(data)},error: function(data) {}})})

后端代码

         // 取得上传的文件MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;CommonsMultipartFile file = (CommonsMultipartFile) multipartRequest.getFile("file");// 得到文件名称String realFileName = file.getOriginalFilename();String suffix = realFileName.substring(realFileName.indexOf("."),realFileName.length());Workbook workbook = null;//判断文件类型（可忽略）if (".xlsx".equals(suffix)) {workbook = new XSSFWorkbook(file.getInputStream());} else {workbook = new HSSFWorkbook(file.getInputStream());}List<WGxZdywCrm> empList = getEmpList(workbook);message=JSONObject.fromObject(empList);

后端可以将获取的文件传到服务器，也可以将文件内容解析出来。

文件内容解析（excel文件）放入对象

List<WGxZdywCrm> wGxZdywCrmList = new ArrayList<>();SimpleDateFormat dateFormatUtil=new SimpleDateFormat("yyyy-MM-dd hh-mm-ss");Sheet sheet = wookbook.getSheetAt(0);//统计excel的行数int rowLen = sheet.getPhysicalNumberOfRows();//excel总行数，记录数=行数-1for (int i = 1; i < rowLen; i++) {WGxZdywCrm wGxZdywCrm = new WGxZdywCrm();Row row = sheet.getRow(i);int startCol = 0;if (row != null) {String fZdywSort = getValue(row.getCell(startCol++));//getValue下面贴出来了String fZdywCrmno = getValue(row.getCell(startCol++));String fZdywBusinesscode = getValue(row.getCell(startCol++));String fZdywContractno = getValue(row.getCell(startCol++));String fZdywCustomercount = getValue(row.getCell(startCol++));String fZdywPhonecount = getValue(row.getCell(startCol++));String fZdywAccepttime = getValue(row.getCell(startCol++));String fZdywFinishtime = getValue(row.getCell(startCol++));String fZdywNote = getValue(row.getCell(startCol++));wGxZdywCrm.setFZdywSort(Long.valueOf(fZdywSort));wGxZdywCrm.setFZdywCrmno(fZdywCrmno);wGxZdywCrm.setFZdywBusinesscode(fZdywBusinesscode);wGxZdywCrm.setFZdywContractno(fZdywContractno);wGxZdywCrm.setFZdywCustomercount(fZdywCustomercount);wGxZdywCrm.setFZdywPhonecount(fZdywPhonecount);wGxZdywCrm.setFZdywAccepttime(dateFormatUtil.parse(fZdywAccepttime));wGxZdywCrm.setFZdywFinishtime(dateFormatUtil.parse(fZdywFinishtime));wGxZdywCrm.setFZdywNote(fZdywNote);wGxZdywCrmList.add(wGxZdywCrm);}}return wGxZdywCrmList;

获取内容

private String getValue(Cell cell) {if (cell == null)return "";if (cell.getCellType() == Cell.CELL_TYPE_BOOLEAN) {return String.valueOf(cell.getBooleanCellValue()).trim();} else if (cell.getCellType() == Cell.CELL_TYPE_NUMERIC) {DecimalFormat df = new DecimalFormat("#");return String.valueOf(df.format(cell.getNumericCellValue())).trim();} else {cell.setCellType(cell.CELL_TYPE_STRING);return String.valueOf(cell.getStringCellValue()).trim();}}

jquery传输文件到后端，后端处理数据。相关推荐

实时传输文件到服务器,如何将数据实时上传到云服务器
如何将数据实时上传到云服务器内容精选换一换华为云帮助中心,为用户提供产品简介.价格说明.购买指南.用户指南.API参考.最佳实践.常见问题.视频帮助等技术文档,帮助您快速上手使用华为云服务. 华 ...
mac 上传ftp服务器文件大小,mac与windows通过ftp传输文件
1.两个系统相互传文件,比较通用的方式是用QQ,两台电脑一台各登陆一个qq,发文件就行了,在同一个网段时,qq会自动转换为按局域网的方式传输. 2.本人不愿安装qq,以ftp方式进行传输,先在wndo ...
JQuery UI之Autocomplete(2)后端获取数据
1.Autocomplete获取后台数据首先引入css和js文件,以及对应的HTML代码如下: <link href="../css/jquery-ui.css" rel= ...
python后端与前端数据交互_前端与后端的数据交互（jquery ajax+python flask）
前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收 1)提交表单数据 2)提交JSON数据后端的数据接收与响应 1)接收 ...
前端js调用后端API获取数据的三种方法（2022.7.25）
前端js调用后台API获取数据的三种方法(2022.7.25) 前言需求分析一个Get实例浏览器请求 SoapUI软件请求一个Post实例浏览器请求 SoapUI软件请求 1.Http简介( ...
文件上传后端黑名单白名单绕过
大家好! 我是小黄,很高兴又跟大家见面啦 ! 拒绝水文,从我做起 !!!! 未经允许,禁止转载 ,违者必究!!!! 本实验仅适用于学习和测试 ,严禁违法操作 ! ! ! 今天更新的是: 文件上传后端黑 ...
vue上传大文件/视频前后端（java）代码
vue上传大文件/视频前后端(java)代码一.上传组件二.后端java代码注意: 一.上传组件 <template><div>&l ...
PHP后端连接数据库插入数据
一.打开phpstudy.怎么搭建phpstudy,我上一个文章里有教. 二.编写代码在网站根目录下(默认是www文件下)创建一个任意名称的文件夹,文件夹里创建两个php后缀的文件,一个html后缀 ...
从后端数据库获取数据并传值到前端vue项目的echarts柱状图/折线图/饼图里
不同图表的数据获取有一定的区别在这些区别上花了不少功夫试验,把最后成功的方法做个记录,如果有类似项目要做的话,也可看看当个参考. 后端后端都大同小异,方法上没有区别,在这里以柱状图为例. sql: ...

jquery传输文件到后端，后端处理数据。

jquery传输文件到后端，后端处理数据。相关推荐

最新文章

热门文章