您的位置：首页 > 编程语言 > Java开发

spring mvc使用uploadify上传

2013-12-13 00:05 357 查看

function getRootPath(){
//获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp var curWwwPath=window.document.location.href;
//获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
var pathName=window.document.location.pathname;
var pos=curWwwPath.indexOf(pathName);
//获取主机地址，如： http://localhost:8083 var localhostPaht=curWwwPath.substring(0,pos);
//获取带"/"的项目名，如：/uimcardprj
var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
projectName = "/AircrewHealth";
return(localhostPaht+projectName);
};

$(function(){
uploadify();
});
var idName="";
function uploadify(){
$("#file_upload").uploadify({
'height'        : 27,
'width'         : 80,
'buttonText'    : '添加附件',
'swf'           : getRootPath()+'/resources/js/uploadify/uploadify.swf?ver=' + Math.random(),
'uploader'      : getRootPath()+'/upload.do;jsessionid='+$("#sessionUID").val()+'?method=upload',
'auto'          : false,
'fileSizeLimit' : '30720KB',
'fileTypeExts'  : '*.doc; *.jpg; *.rar',
'cancelImg' :  getRootPath()+'/resources/js/uploadify/uploadify-cancel.png',
'uploadLimit' : 3,
// 'formData'      : {'userName':'','content':''},
'onUploadStart' : function(file) {
},
'onUploadSuccess':function(file, data, response){
//alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);
$("#tempFileName").val(file.name);
$("#"+idName).val(data);
},
'onUploadComplete':function(){
// $('#importLispDialog').window('close');
}
});
}
function startUpload(name){
idName=name;
$('#file_upload').uploadify('upload','*');
}

jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>招飞初检</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!-- 公共JS&CSS开始 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/js/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href='${pageContext.request.contextPath}/resources/css/style/style.css'/>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/aircrewhealthjs/commonUI.js"></script>
<!-- 公共JS&CSS结束 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/uploadify.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/uploadify/jquery.uploadify-3.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/uploadify/uploadify.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/json2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/aircrewhealthjs/physical/physical.js"></script>
</head>
<body>
<input id='sessionUID' value='<%=session.getId()%>' type="hidden"/>
<table id="nhc01_infoGrid2"></table>
<div id="nhc01_editInfoDiv2" style="padding: 5px; width: 890px; height: 457px;">
<fieldset>
<legend>体检录入</legend>
<form id="fileUploadForm" name = "fileUploadForm" method="post" action="physical.do?method=physicalInitSave" enctype="multipart/form-data">
<table class="divTable">
<tr>
<td>附件名:</td>
<td><input id="tempFileName" readonly="readonly" class="easyui-validatebox" required="true" style="width:300px;_width:300px; " />
<input id="personnel" name="personnel" type="hidden"/>
</td>
</tr>
<tr>
<td>参检人员明细表:</td>
<td><input type="file" name="uploadify" id="file_upload" /><hr>
<a class="easyui-linkbutton" onclick="startUpload('personnel');" href="javascript:void(0);">开始上传</a>
<a href="javascript:$('#file_upload').uploadify('cancel', '*')" class="easyui-linkbutton">取消所有上传</a>
</td>
</tr>
</table>
<div id="viewBtn">
<a class="easyui-linkbutton" icon="icon-ok" onclick="submitFormC()">保存</a>
<a class="easyui-linkbutton" icon="icon-redo" id="Init_rest"> 重置</a>
</div>
</form>
</fieldset>
</div>
</body>
</html>

applicationContext-mvc.xml 添加

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="defaultEncoding" value="utf-8"></property>
</bean>

action

package com.hna.aircrewhealth.upload.action;

import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Map;
import java.util.UUID;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.util.FileCopyUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import com.hna.framework.core.Listener.HNAServletContextListener;
import com.hna.framework.core.datasource.DesEncrypt;

@Controller
@RequestMapping("/upload.do")
public class uploadAction {
@RequestMapping(params = "method=index", method = RequestMethod.GET)
public String index() {
return "upload/index";
}
@SuppressWarnings("unused")
@RequestMapping(params = "method=upload", method = RequestMethod.POST)
public @ResponseBody String upload(HttpServletRequest request, HttpServletResponse response) {
//        request = new MulpartRequestWrapper(request);

String responseStr="";
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
//获取前台传值
String[] userNames = multipartRequest.getParameterValues("userName");
String[] contents = multipartRequest.getParameterValues("content");
String userName="";
String content="";
if(userNames!=null){
userName=userNames[0];
}
if(contents!=null){
content=contents[0];
}
Map<String, MultipartFile> fileMap = multipartRequest.getFileMap();
//String ctxPath = request.getSession().getServletContext().getRealPath("/")+ "\\" + "images\\";
//            String ctxPath=request.getSession().getServletContext().getRealPath("/")+"uploads\\";
String ctxPath= HNAServletContextListener.getSYS_UPLOADPATH_PATH();
SimpleDateFormat sdf = new SimpleDateFormat("yyyyMM");
String ymd = sdf.format(new Date());
ctxPath += ymd + "/";
//创建文件夹
File file = new File(ctxPath);
if (!file.exists()) {
file.mkdirs();
}
String fileName = null;
String path=null;
for (Map.Entry<String, MultipartFile> entity : fileMap.entrySet()) {
// 上传文件名
// System.out.println("key: " + entity.getKey());
MultipartFile mf = entity.getValue();
fileName = mf.getOriginalFilename();
//String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();
//SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");
// String newFileName = df.format(new Date()) + "_" + new Random().nextInt(1000) + "." + fileExt;

String strEnc = DesEncrypt.aircrewhealthGetEncString(fileName);// 加密字符串,返回String的密文
String uuid = UUID.randomUUID().toString().replaceAll("\\-", "");// 返回一个随机UUID。
String suffix = fileName.indexOf(".") != -1 ? fileName.substring(fileName.lastIndexOf("."), fileName.length()) : null;

String newFileName = strEnc + "-" + uuid + (suffix!=null?suffix:"");// 构成新文件名。

File uploadFile = new File(ctxPath + newFileName);
try {
FileCopyUtils.copy(mf.getBytes(), uploadFile);
path =ctxPath+newFileName;
responseStr="上传成功";
} catch (IOException e) {
responseStr="上传失败";
e.printStackTrace();
}
}

return path;
}
}

uploadify 文件列表

其他的修改一下路径就可以了

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航