`

ajaxfileupload.js 加 spring mvc 注解 文件上传

 
阅读更多
	private void writeResponse(String msg, HttpServletResponse response) throws Exception {
		response.setCharacterEncoding("utf-8");
		PrintWriter out = response.getWriter();
		out.println(msg);
		out.flush();
		out.close();
	}

 导入JS:<script src="<%=request.getContextPath()%>/common/js/utils/ajaxfileupload.js" type="text/javascript"></script>

				    <input id="myfiles" name="myfiles" type="file" />
				    <a class="blue-btn-coom-2 tcenter smibat" id="addBtn">确认</a>

 

$(function(){
	
	$("#addBtn").click(function(){
		addimg();
	});
});

function addimg(){
	//openBlock("","");
	 jQuery.blockUI();
    $.ajaxFileUpload
    (
       {
        url: $.tsp.contextPath + "/account/upload.do", //用于文件上传的服务器端请求地址
        secureuri: false, //是否需要安全协议,一般设置为false
        fileElementId: "myfiles", //文件上传域的ID  多文件上传  id为数组
        dataType: "json", //返回值类型 一般设置为json
        success: function (data)  //服务器成功响应处理函数
        {	
        	//alert(data.c);
        	 jQuery.unblockUI();  
        },
        error: function (data, e)//服务器响应失败处理函数
        {
        	 return alertMessage(e+"失败", "default"), !1;
        }
    }
)
}

 

    /**
     *练习图片上传 
     * @param file
     * @param request
     * @param model
     * @return
     * @throws Exception 
     */
    @RequestMapping(value = "/upload")  
    public void upload(@RequestParam(value = "myfiles", required = false) MultipartFile myfiles, HttpServletRequest request,HttpServletResponse response) throws Exception {  
  
    	JSONObject oj = new JSONObject();
    	try {
            String path = request.getSession().getServletContext().getRealPath("upload");  
            String fileName = myfiles.getOriginalFilename();  
          //取得根目录路径  
            String rootPath=getClass().getResource("/").getFile().toString();
            System.out.println("root"+rootPath);
            File targetFile = new File(path, fileName);  
            String allPath = path+fileName;
            
            if(!targetFile.exists()){  
                targetFile.mkdirs();  
            }  
      
            try {  
            	myfiles.transferTo(targetFile);
                
                if(targetFile.exists()){
                	//将文件存到数rnd
                	System.out.println("All_Path"+path+fileName);
                }
            } catch (Exception e) {  
                e.printStackTrace();  
            }  
      
            oj.put("c", allPath);
            response.setContentType("text/html");
          //  response.getWriter().write(oj.toString());
            
            writeResponse(oj.toString(), response);
		} catch (Exception e) {
			e.printStackTrace();

		}finally {
			writeResponse(oj.toString(), response);
		}
        
    }
    
    
	private void writeResponse(String msg, HttpServletResponse response) throws Exception {
		response.setCharacterEncoding("utf-8");
		PrintWriter out = response.getWriter();
		out.println(msg);
		out.flush();
		out.close();
	}

 

分享到:
评论

相关推荐

    ajaxfileupload.js用于文件上传

    ajaxfileupload.js用于文件上传

    AjaxFileUpload.js

    AjaxFileUpload.js是一个专为实现异步文件上传功能而设计的JavaScript库,它利用Ajax技术实现了无刷新的文件上传,极大地提升了用户体验。在本文中,我们将深入探讨AjaxFileUpload.js的工作原理、使用方法以及相关的...

    方便自己下载的ajaxfileupload.js备份

    该资源提供了两个核心文件,即jquery.min.js和ajaxfileupload.js,它们共同构成了一个简单的图片上传解决方案。 首先,`jquery.min.js`是jQuery库的压缩版,这是一个广泛使用的JavaScript库,简化了DOM操作、事件...

    ajaxfileupload.js完整使用全套(带对应jquery+demo)

    `ajaxfileupload.js`是一个JavaScript库,用于实现异步文件上传功能,避免了传统文件上传时页面刷新的问题。它与jQuery的结合使得文件上传更加简便、高效。 首先,我们来理解`ajaxfileupload.js`的核心概念。这个...

    ajaxfileupload.js

    ajaxfileupload.js, jquery异步文件上传插件

    ajaxfileupload.js文件下载

    此为前端进行文件上传,使用Ajax方式提交的js插件,使用方便简洁,开发很高效。

    解决ajaxfileupload.js在IE9,firefox下文件超大无效

    本文将详细介绍如何解决在IE9和Firefox下使用`AjaxFileUpload.js`进行文件上传时遇到的大文件上传失效的问题。 #### 问题描述 当尝试通过`AjaxFileUpload.js`上传较大文件至服务器时,在IE9和Firefox浏览器中可能...

    spring mvc 上传(ajaxfileupload.js)、下载

    在这个场景中,我们关注的是如何利用Spring MVC实现文件的上传和下载功能,并且特别提到了`ajaxfileupload.js`这个JavaScript库。 文件上传是Web应用中的常见需求,Spring MVC提供了方便的API来处理这类操作。首先...

    Jquery上传插件文件ajaxfileupload.js 修复版下载

    使用Jquery做上传文件处理时,用到了ajaxfileupload.js 这个第三方代码,但是这个js几乎就是半成品,问题很多。现在整理如下并附修复版的ajaxfileupload.js下载。 问题: 1:无法带参数提交,只能上传文件; 2:...

    ajaxfileupload.js,支持多文件上传

    jQuery.extend({ createUploadIframe: function (id, uri) { //create frame var frameId = 'jUploadFrame' + id; ...iframe id="' + frameId + '" name="' + frameId + '" top:-9999px; left:-9999px"';...

    使用ajaxFileUpload.js上传文件

    `AjaxFileUpload.js`是一个JavaScript库,它允许我们实现异步(Ajax)文件上传,无需刷新页面,提供了更为友好的用户体验。本篇文章将深入探讨`AjaxFileUpload.js`的工作原理、使用方法及其相关知识点。 `...

    ajaxfileupload.js文件,利用该js实现不刷新页面上传文件

    博文 http://blog.csdn.net/qq_34273222/article/details/54428580 中所需要的js文件,如有问题请在博客留言。

    ajaxfileupload.js 异步上传jquery插件

    **AjaxFileUpload.js** 是一个基于 jQuery 的异步文件上传插件,它允许用户在不刷新页面的情况下上传文件,提供了一种便捷、高效的文件交互体验。这个插件广泛应用于网页应用,尤其是那些需要用户交互频繁上传文件的...

    完整ajaxfileupload.js

    ajax上传文件必须js文件,修复其中缺少handleError方法,json处理带有&lt;pre&gt;&lt;/pre&gt;,问题,亲测可以,直接引用即可!

    ajaxfileupload.js 上传文件不报错版本! 放心使用

    ajaxfileupload.js 上传文件不报错版本! 放心使用!! 平时自己用的

    ajaxFileUpload.js

    **AjaxFileUpload.js** 是一个JavaScript库,专为在网页上实现异步文件上传而设计。这个库利用了Ajax技术,使得用户可以在不刷新整个页面的情况下上传文件,提供了更好的用户体验。AjaxFileUpload.js通常与jQuery库...

Global site tag (gtag.js) - Google Analytics