1.前台
<!--引入两个库-->
<script type="text/javascript" src="appoint/resource/js/jquery.min.js"></script>
<script type="text/javascript" src="appoint/resource/js/ajaxfileupload.js"></script>
<input type="file" style="padding:0px;" id="idCardInfo" accept="image/*">
//需上传文件
$.ajaxFileUpload({
url: "validCustomer", //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议,一般设置为false
fileElementId: 'idCardInfo', //文件上传域的ID
dataType: 'text',
type:'post',
data:{"appntName":$("#appntName").val()},
success:function()
{}
});
2.后台
<!--引入两个库-->
<script type="text/javascript" src="appoint/resource/js/jquery.min.js"></script>
<script type="text/javascript" src="appoint/resource/js/ajaxfileupload.js"></script>
<input type="file" style="padding:0px;" id="idCardInfo" accept="image/*">
//需上传文件
$.ajaxFileUpload({
url: "validCustomer", //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议,一般设置为false
fileElementId: 'idCardInfo', //文件上传域的ID
dataType: 'text',
type:'post',
data:{"appntName":$("#appntName").val()},
success:function()
{}
});
2.后台
@RequestMapping(value="/validCustomer",
method{RequestMethod.POST,RequestMethod.GET})
public String validCustomer(@RequestParam MultipartFile idCardInfo,
HttpServletRequest request,HttpServletResponse response) throws IllegalStateException, IOException{
String filename = idCardInfo.getOriginalFilename();
//注意 idCardInfo 要和界面的 input file 的id 相同
String fileName = Utils.getFileName(filename);
String fileType = Utils.getFileType(filename);
filename = fileName + "_" + new SimpleDateFormat("yyyyMMddHHmmssSS").format(new Date()) + fileType;
File targetFile = new File(loader.getProperty("pang.upload")+filename);
if(!targetFile.exists()){
targetFile.mkdirs();
}
ac.setIdCardInfo(loader.getProperty("pang.upload")+filename);
//保存图片
idCardInfo.transferTo(targetFile);
}