Spring中文件上传,图片上传以及回显

Spring中文件上传

基于Spring 的图片上传以及回显

<!-- 引入uploadify JS-->
<script type="text/javascript" src="/js/plugins/uploadify/jquery.uploadify.min.js" ></script>
<img alt="" src="" class="uploadImg">
<input type="hidden" name="img" value="" class="uploadName">

<script>
  $(".image-div .js-upload").uploadify({
    buttonText: "上传图片",
    fileObjName: "image",
    multi: true,
    swf: '/js/plugins/uploadify/uploadify.swf',
    uploader: '/uploadify/uploadify.do',
    overrideEvents: ["onUploadSuccess", "onSelect"],
    onUploadSuccess: function (file, data) {
        $(".uploadImg").attr("src", data);
        $(".uploadName").val(data);
    }
  });
</script>

后台控制器实现

/**
 * 保存图片
 */
@RequestMapping("uploadify/uploadify")
@ResponseBody
private String uploadLogo(MultipartFile image) {
    String fileName = UploadUtil.upload(image, servletContext.getRealPath("/upload"));
    return "/upload/" + fileName;
}


/**
 *  上传文件工具类
 */
public class UploadUtil {

/**
 * @param file
 * @param basePath 上传文件的路径,通常都是/upload
 * @return
 */
public static String upload(MultipartFile file, String basePath){
    String originalFilename = file.getOriginalFilename();
    String fileName = UUID.randomUUID().toString()+"."+ FilenameUtils.getExtension(originalFilename);
    try {
        File targetFile = new File(basePath,fileName);
        FileUtils.writeByteArrayToFile(targetFile,file.getBytes());
    }catch (IOException e){
        e.printStackTrace();
    }
    return fileName;
 }
}