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是一个专为实现异步文件上传功能而设计的JavaScript库,它利用Ajax技术实现了无刷新的文件上传,极大地提升了用户体验。在本文中,我们将深入探讨AjaxFileUpload.js的工作原理、使用方法以及相关的...
该资源提供了两个核心文件,即jquery.min.js和ajaxfileupload.js,它们共同构成了一个简单的图片上传解决方案。 首先,`jquery.min.js`是jQuery库的压缩版,这是一个广泛使用的JavaScript库,简化了DOM操作、事件...
`ajaxfileupload.js`是一个JavaScript库,用于实现异步文件上传功能,避免了传统文件上传时页面刷新的问题。它与jQuery的结合使得文件上传更加简便、高效。 首先,我们来理解`ajaxfileupload.js`的核心概念。这个...
ajaxfileupload.js, jquery异步文件上传插件
此为前端进行文件上传,使用Ajax方式提交的js插件,使用方便简洁,开发很高效。
本文将详细介绍如何解决在IE9和Firefox下使用`AjaxFileUpload.js`进行文件上传时遇到的大文件上传失效的问题。 #### 问题描述 当尝试通过`AjaxFileUpload.js`上传较大文件至服务器时,在IE9和Firefox浏览器中可能...
在这个场景中,我们关注的是如何利用Spring MVC实现文件的上传和下载功能,并且特别提到了`ajaxfileupload.js`这个JavaScript库。 文件上传是Web应用中的常见需求,Spring MVC提供了方便的API来处理这类操作。首先...
使用Jquery做上传文件处理时,用到了ajaxfileupload.js 这个第三方代码,但是这个js几乎就是半成品,问题很多。现在整理如下并附修复版的ajaxfileupload.js下载。 问题: 1:无法带参数提交,只能上传文件; 2:...
jQuery.extend({ createUploadIframe: function (id, uri) { //create frame var frameId = 'jUploadFrame' + id; ...iframe id="' + frameId + '" name="' + frameId + '" top:-9999px; left:-9999px"';...
`AjaxFileUpload.js`是一个JavaScript库,它允许我们实现异步(Ajax)文件上传,无需刷新页面,提供了更为友好的用户体验。本篇文章将深入探讨`AjaxFileUpload.js`的工作原理、使用方法及其相关知识点。 `...
博文 http://blog.csdn.net/qq_34273222/article/details/54428580 中所需要的js文件,如有问题请在博客留言。
**AjaxFileUpload.js** 是一个基于 jQuery 的异步文件上传插件,它允许用户在不刷新页面的情况下上传文件,提供了一种便捷、高效的文件交互体验。这个插件广泛应用于网页应用,尤其是那些需要用户交互频繁上传文件的...
ajax上传文件必须js文件,修复其中缺少handleError方法,json处理带有<pre></pre>,问题,亲测可以,直接引用即可!
ajaxfileupload.js 上传文件不报错版本! 放心使用!! 平时自己用的
**AjaxFileUpload.js** 是一个JavaScript库,专为在网页上实现异步文件上传而设计。这个库利用了Ajax技术,使得用户可以在不刷新整个页面的情况下上传文件,提供了更好的用户体验。AjaxFileUpload.js通常与jQuery库...