ajax的文件上传

2017-11-02 18:49:06来源:CSDN作者:qq_31170429人点击

分享
第七城市th7cn

背景:在我们日常的java web开发当中,经常会用到上传文件这个功能。一种是使用submit来上传,另一种使用使用ajax来上传。

submit可能大家都接触过,今天我们就讲解ajax上传文件的方法。

需要下载jquery.form.js.

一:jsp页面的实现(采用easyui框架)

<form id="DataAjaxSubmit" method="post" action="#action" enctype="multipart/form-data">		  				<input id="myfiles" type="file" name="myfiles" style="width:160px;">		  				<input id="partspn" name="partspn" type="hidden">		  				  <a  id="fileAssociation" class="easyui-linkbutton" onclick="outputData()">关联</a>	  				  				 </form>


二:js中ajax的实现。因为jsp页面中已经填写action提交地址了,ajax就不需要去写入。

$('#DataAjaxSubmit').ajaxSubmit({        dataType : 'json',        success : function(data) {        	//这里可以实现文件上传成功的操作        }	});



三、java后台的实现

@ResponseBody	@RequestMapping(value="/upload1",method=RequestMethod.POST,produces="application/json;charset=utf-8")	public String upload1(HttpServletRequest req, HttpServletResponse resp,@RequestParam(value = "myfiles") MultipartFile... files) throws IllegalStateException, IOException  	{  		String filename = "";    	if(files==null){    		return "失败";    	}        for (MultipartFile f : files) {            if (f.getSize() > 0) {                File targetFile = new File(req.getSession().getServletContext().getRealPath("/")+"TechnicalInformation/"+f.getOriginalFilename());                filename += targetFile.getName();                f.transferTo(targetFile);// 写入目标文件                      }        }        return filename;        }    }  

总结并:代码很简单,很快就能帮我们实现所需要的功能,并能实现我们的业务。你们有更好的方法,也可以向博主介绍,我是一个热爱学习的小白程序员。


第七城市th7cn

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台