ajax+MultipartFile上传文件到本地

.html

<th data-options="field:‘op‘,align:‘center‘,width:220,formatter:rmtManager.supportOpFormmater()">操作</th>

<div id="uploadCertificate" >
 ??<div class="easyui-layout" data-options="fit:true">
 ?????<div data-options="region:‘center‘" style="padding:10px;">
 ????????<div style="margin-bottom:20px">
 ???????????<form id="excelform" method="post" enctype="multipart/form-data">
 ??????????????<div>请选择要上传的证书:</div>
 ??????????????<input name="certificate" class="easyui-filebox" data-options="required:‘true‘,buttonText:‘选择文件‘" style="width:100%">
 ??????????????<input type="hidden" id="accountId" name="accountId" value="" />
 ???????????</form>
 ????????</div>
 ?????</div>
 ?????<div data-options="region:‘south‘,border:false" style="text-align:right;padding:5px 0 0;">
 ????????<a id="import" href="#" class="easyui-linkbutton" data-options="iconCls:‘icon-ok‘" >上传</a>
 ????????<a id="cancel" href="#" class="easyui-linkbutton" data-options="iconCls:‘icon-cancel‘">取消</a>
 ?????</div>
 ??</div>
</div>


.js

(function($) {
 ??var pageType= $(‘#glPageType‘).val();
 ??var ctx= $(‘#ctx‘).val();
 ??var editIndex = undefined;
 ??var busMng = rmtCMHelper.createBusMngInst({
 ?????busMngOptions:{ ???????????

 ???????????????toUpload: function(flag){
 ???????????????$(‘#accountId‘).val(flag);
 ???????????????$(‘#uploadCertificate‘).window({
 ????????????????width:300,
 ????????????????height:150,
 ????????????????title:‘证书导入‘,
 ????????????????minimizable:false,
 ????????????????maximizable:false,
 ????????????????collapsible:false,
 ????????????????modal:true
 ????????????});
 ????????????$(‘#uploadCertificate‘).window(‘open‘);
 ????????},

 ??????supportOpFormmater: function(){
 ??????????return function(value,row,index){ ?????????????
 ??????????return ‘<a href="javascript:void(0);" class="todo" onclick="rmtManager.toToken( ‘+row.id+‘ )">查看TOKEN</a>&nbsp;&nbsp;&nbsp;&nbsp;‘
 ??????????+ ‘<a href="javascript:void(0);" class="todo" onclick="rmtManager.addConfig( ‘+row.id+‘ )">配置</a>&nbsp;&nbsp;&nbsp;&nbsp;‘
 ??????????+ ‘<a href="javascript:void(0);" class="todo" onclick="rmtManager.toView( ‘+row.id+‘ )">查看</a>&nbsp;&nbsp;&nbsp;&nbsp;‘
 ?????????????????????+‘ <a href="javascript:void(0);" class="todo" onclick="rmtManager.toUpload(‘+row.id+‘ )">上传证书</a>&nbsp;&nbsp;&nbsp;&nbsp;‘;
 ??}
}

});
$(‘#import‘).bind(‘click‘, function(){


 ??????$(‘#excelform‘).form(‘submit‘, {
 ??????????url: ctx+"/wxbase/account/upload.html",
 ??????????onSubmit: function(){
 ??????????????if($(‘#excelform‘).form(‘validate‘))
 ??????????????????rmtHelper.showMask();
 ??????????},
 ??????????success:function(data){
 ??????????????var data = eval(‘(‘ + data + ‘)‘);
 ??????????????if(data.success){
 ??????????????????rmtHelper.hideMask();
 ??????????????????$(‘#uploadCertificate‘).window(‘close‘);
 ??????????????????rmtHelper.showMsg(data.content);
 ??????????????????rmtHelper.getCurCurdIst().reloadGrid();
 ??????????????}else{
 ??????????????????rmtHelper.hideMask();
 ??????????????????rmtHelper.showMsg(data.content);
 ??????????????}
 ??????????}
 ??????});
 ??});
 ??$(‘#cancel‘).bind(‘click‘, function(){
 ??????$(‘#uploadCertificate‘).window(‘close‘);
 ??});

controller

/**
 * 上传证书
 * @param request
 * @return
 */
@RequestMapping(value="upload", method = RequestMethod.POST)
@ResponseBody
public ResultJsonInfo uploadCertificate(@RequestParam("certificate") MultipartFile certificate, HttpServletRequest request)throws Exception {
 ??String accountId = request.getParameter("accountId");
 ??String fileName="";
 ??try {
 ?????String ??picPath ="D://"+ accountId +"/";
 ?????//判断之前是否存在证书
 ?????File certificateFile = new File(picPath+accountId+".cer");

 ?????if(certificateFile.exists()) {
 ????????//已存在证书则删除
 ????????certificateFile.delete();
 ?????}
 ?????//根据真实路径创建目录文件
 ?????File picSaveFile = new File(picPath);
 ?????//判断是否存在路径
 ?????if(!picSaveFile.exists()) {
 ?????//如果不存在则创建路径
 ????????picSaveFile.mkdirs();
 ?????}
 ?????if (!certificate.isEmpty()) {
 ???????????try {
 ??????????????byte[] buffer =new byte[1024*1024];
 ??????????????int bytesum = 0;
 ??????????????int byteread = 0;
 ??????????????fileName=accountId+".cer";
 ??????????????FileOutputStream fs=new FileOutputStream( picPath + fileName);
 ??????????????bytesum+=byteread;
 ??????????????fs.write(buffer,0,byteread);
 ??????????????System.out.println("文件流"+certificate.getOriginalFilename());
 ??????????????// 转存文件 */
 ??????????????/*certificate.transferTo(new File(picPath));*/
 ???????????} catch (Exception e) {
 ??????????????e.printStackTrace();
 ???????????}
 ????????return new ResultJsonInfo(true,"上传成功"+",");
 ????????}
 ?????}catch (Exception e) {
 ?????e.printStackTrace();
 ?????return new ResultJsonInfo(false,"上传失败"+",");
 ??}
 ??/*logger.info("导入成功笔数："+count+"，耗时：" + (end - start) + "毫秒");*/
 ??return new ResultJsonInfo(true,"上传成功"+",");
}

紫色部分都要相同命名

ajax+MultipartFile上传文件到本地

原文地址：https://www.cnblogs.com/CatsBlog/p/9212498.html