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