Ajax异步上传文件

简单,高效,实用,样式自己去调就OK,

引入ajax上传文件js代码

<script type="text/javascript" src="../js/ajaxfileupload.js" ></script>

通过JS上传文件

<script type="text/javascript"> function upload() { $.ajaxFileUpload({ url : 'uploadExcel', secureuri : false, fileElementId : 'file', dataType : 'json', data : {}, success : function(data) { alert(data); }, error : function(data, status, e) { alert('上传出错'); } }) return false; } </script>

HTML代码片段

<input class="file" type="file" id="file" name="file" onchange="upload();">

JAVA后台通过SpringMVC上传

@RequestMapping("uploadExcel")
@ResponseBody
public List<?> uploadExcel(
        @RequestParam("file") MultipartFile file, HttpServletRequest request)
        throws Exception {
    String separator = File.separator;
    String filePath = "";
    List<?> list = new ArrayList<?>();
    // 上传文件
    if (!file.isEmpty()) {
        try {
            // 文件保存路径
            filePath = request.getServletContext().getRealPath("/")
                    + "data" + separator + "excel" + separator
                    + file.getOriginalFilename();
            // 转存文件
            file.transferTo(new File(filePath));
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
    return list;
}

完事,OK!

引入的js下载地址:http://download.csdn.net/detail/super_man_x/9475673

你可能感兴趣的:(Ajax)