HTML5上传文件ajaxfileupload.js

<form  id="fileUpload"  enctype="multipart/form-data" method="post" >
 <input id="txtUploadFile" name="upfile"  multiple="multiple" type="file" accept="image/*">
 <input id="buttonUploadFile" name="txtVideoUrl"  type="button" value="确认上传">
</form>

<script type="text/javascript" src="/weixin-web/static/jquery-jbox/2.3/jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="/weixin-web/static/modules/caiwu/js/ajaxfileupload.js"></script>  
<script type="text/javascript">

$(function(){

//点击   buttonUploadFile 按钮上传文件

$("#buttonUploadFile").click(function(){

fileUpload();

});

});

function fileUpload(){

$.ajaxFileUpload({  

        url : "/weixin-web/app/upload/singleFileUpload",  

        secureuri : false,  

        fileElementId:'txtUploadFile',//原使用方法  

        dataType : 'txt',  

        success : function(data) {  

         var start = data.indexOf("{");

         var end =data.indexOf("}")+1;

         data = data.substring(start,end);

         data = $.parseJSON(data);

         console.log(data);

    $("#img").attr("src",data.url);

        },

        error : function(data, status, e)  

        {  

         console.log(data);

         console.log(status);

         console.log( e);

        }  

    });

}  

</script>    
java后台 

@Controller

@RequestMapping(value = "app/upload")

public class FileUploadController {

/**

 * 单文件上传

 * 将word，excel文件上传后，在服务器转换成图片。并返回图片的路径

 * @param upfile 上传的文件。

 * @return 转换成图片的 路径集合

 * @throws Exception

 */

@RequestMapping(value="singleFileUpload" ,method=RequestMethod.POST)

@ResponseBody

public Map<String, Object> singleFileUpload(MultipartFile upfile,HttpServletRequest request) throws Exception{

Map<String, Object>  result = new HashMap<String, Object>();

File file = new File(upfile.getOriginalFilename());

if(upfile.isEmpty()){  

result.put("msg", "failed");

result.put("url", "");

            return result;

        } 

upfile.transferTo(file);

//上传到文件服务器

String imagePath = EasyUploadFiles.getDiyUploadFilePath(file);

file.delete();

result.put("msg", "success");

result.put("url", imagePath);

return result;

}

/**

 * 单文件上传

 * 将word，excel文件上传后，在服务器转换成图片。并返回图片的路径

 * @param uploadfile 上传的文件。

 * @return 转换成图片的 路径集合

 * @throws Exception

 */

@RequestMapping(value="multipleFileUpload" ,method=RequestMethod.POST)

@ResponseBody

public Map<String, Object> multipleFileUpload(@RequestParam("upfile")MultipartFile[] upfiles,HttpServletRequest request) throws Exception{

Map<String, Object>  result = new HashMap<String, Object>();

List<String> imageList = new ArrayList<String>();

for(int i=0;i<upfiles.length;i++){

MultipartFile uploadfile=upfiles[i];

File file = new File(uploadfile.getOriginalFilename());

if(uploadfile.isEmpty()){  

result.put("msg", "failed");

result.put("url",imageList);

            return result;

        } 

//上传到文件服务器

uploadfile.transferTo(file);

String imagePath = EasyUploadFiles.getDiyUploadFilePath(file);

file.delete();

imageList.add(imagePath);

}

result.put("msg", "success");

result.put("url", imageList);

return result;

}

}