最近在项目中需要上传文件文件,之前一直都是form提交的,尝试了一下AjaxForm,感觉还比较好用,写篇随笔mark下,供以后使用。
准备工作:
下载jquery-form.js
相关jar:
commons-fileupload-1.1.1.jar
commons-io-1.3.2.jar
在spring-servlet.xml进行multipartResolver配置:
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="defaultEncoding" value="utf-8" /> <property name="maxUploadSize" value="10485760000" /> <property name="maxInMemorySize" value="40960" /> </bean>
这个是必须的,否则不好用。
页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" session="false" %> <html> <!-- - Author(s): xieshuang - Date: 2016-06-20 13:46:20 - Description: --> <head> <title>Title</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <script src="/UploadFiles/2021-04-02/nui.js">核心js:
var msg; $(function(){ nui.parse(); //ajax配置 var options = { url: contextPath+"/webapp/cfProjectType/importExcel", beforeSubmit: showRequest, //提交前处理 success: showResponse, //处理完成 resetForm: true, dataType: 'json' }; $('#fileUpload').submit(function() { //注意 $(this).ajaxSubmit(options); return false;//防止dialog 自动关闭 }); }) //执行成功回调函数 function showResponse(e) { nui.hideMessageBox(msg); if (e.importFlag == true) { CloseWindow("ok"); } else { //对错误的一些处理 } } //提交前的一些校验 function showRequest(formData, jqForm, options){ if(formData[0].value=="" || formData[0].value==null){ nui.alert("请选择文件"); return false; } var fileName = $("#uploadFile").val().split("\\").pop(); var strs = new Array(); //定义一数组 strs = fileName.split('.'); var suffix = strs [strs .length - 1]; if (suffix != 'xls' && suffix != 'xlsx') { nui.alert("请选择excel文件!"); return false; } msg = nui.loading("Loading", "Please waiting"); }java代码:
@SuppressWarnings("unchecked") @RequestMapping("/webapp/cfProjectType/importExcel") @ResponseBody public Map<String, Object> importExcel(@RequestParam("file") MultipartFile[] files, HttpServletRequest request) throws Throwable { //long starttiem = System.currentTimeMillis(); InputStream fis; fis = null; File fileIn = null; try { for (MultipartFile myfile : files) { if (!myfile.isEmpty()) { String realPath = request.getSession().getServletContext().getRealPath("/export"); fileIn = new File(realPath); //判断上传文件的保存目录是否存在 if (!fileIn.exists() && !fileIn.isDirectory()) { //创建目录 fileIn.mkdirs(路径); } //将上传的文件复制到文件夹下 myfile.transferTo(new File(路径+文件名)); } } }这里我之前用过另外一个方法FileUtils.copyInputStreamToFile(InputStream arg0, File arg1)同样能将文件保存到路径下面
更多精彩内容请参考专题《ajax上传技术汇总》,《javascript文件上传操作汇总》和《jQuery上传操作汇总》进行学习。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年11月30日
2024年11月30日
- 群星《天赐的声音第五季 第12期》[FLAC/分轨][1.64G]
- 颜人中《这是一张情歌专辑》[320K/MP3][48.9MB]
- Mozart-ViolinConcertosNos.34-FrancescaDego,RoyalScottishNationalOrchestra,SirR
- Mendelssohn,Dvorak-ViolinConcertos-Menuhin,Enescu(2010)FLAC+CUE
- 黑鸭子2006-樱桃女声[首版][WAV+CUE]
- 颜人中《这是一张情歌专辑》[FLAC/分轨][258.76MB]
- 华晨宇《华晨宇日出演唱会特辑》[320K/MP3][101.77MB]
- 华晨宇《华晨宇日出演唱会特辑》[Hi-Res][24bit 48kHz][FLAC/分轨][941.13MB]
- 刘俊麟 《美妙!我被五小只包围了》[320K/MP3][86.74MB]
- 刘俊麟 《美妙!我被五小只包围了》[FLAC/分轨][454.29MB]
- 群星《错位 影视原声带》[320K/MP3][63.65MB]
- 中国音乐地图之听见四川彝族民间歌曲乐曲集2020[WAV+分轨]
- 姚璎格《姚璎格的歌(24K纯金CD)》[正版原抓WAV+CUE]
- 高垣彩陽《melodia4》【Hi-Res】24bit-96kHz【flac】
- 王菀之《The Missing Something》[320K/MP3][67.2MB]