ajax+spring文件上传

1、js代码

$(function(){
	$('#upfileID').change(function(){
	$.ajaxFileUpload({
        url: '/upload/image', 
        type: 'post',
        secureuri: false, //一般设置为false
        fileElementId: 'upfileID', // 上传文件的id属性名
        dataType: 'text', //返回值类型,一般设置为json、application/json
        success: function(data, status){  
        	//alert(data);
        	$('#imgSrc').val(data);
            $('#imgv').html('<img src="'+data+'" style="max-width:80px">');
            
        },
        error: function(data, status, e){ 
            alert(e);
        }
        });
	})
})

2、html代码

//引入ajaxFileUpload
<script type="text/javascript" src="ajaxfileupload.js"></script>
<input type="file" id="upfileID" name="upfile" class="can-file">

4、applicationContext.xml添加以下配置

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver" />

5、java代码

@RequestMapping("image")
	public void image(HttpServletRequest request, HttpServletResponse response,
			@RequestParam("upfile") MultipartFile upfile){
		String originalFilename = upfile.getOriginalFilename();
//		System.out.println("文件原名: " + originalFilename);
//		System.out.println("文件名称: " + upfile.getName());
//		System.out.println("文件长度: " + upfile.getSize());
//		System.out.println("文件类型: " + upfile.getContentType());
		
		String realPath = request.getSession().getServletContext().getRealPath("/resources/upload");
		File file = new File(realPath);
		if(!file.exists()) file.mkdirs();

		try {
			upfile.transferTo(new File(realPath, originalFilename));
		} catch (IOException e) {
			e.printStackTrace();
		}
		//设置响应给前台内容的数据格式
//		response.setContentType("text/plain; charset=UTF-8");
		renderText(request.getContextPath() + "/resources/upload/" +  originalFilename, response);

	}



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值