使用uploadify控件上传并预览图片

最新推荐文章于 2017-07-23 13:07:09 发布

iteye_20654

最新推荐文章于 2017-07-23 13:07:09 发布

阅读量257

点赞数

分类专栏： jQuery上传控件uploadify使用文章标签： json java

本文链接：https://blog.csdn.net/iteye_20654/article/details/82676214

版权

jQuery上传控件uploadify使用专栏收录该内容

1 篇文章 0 订阅

订阅专栏

*****************************介绍************************************************

该功能实现是在ssm框架下(spring、springMVC、mybatis)

前台代码:

jsp:---------------------------------

//1、图片预览容器

//2、上传按钮，其中的id为控件所需

//3、上传进度显示区域

js----------------------------------------------------------------

$(document).ready(function(){

//初始化控件

initUpload();

       var picUrl = $("#picUrl").val();
   if(picUrl !=''){
          $("#pic_view").attr("src",ctx+"/"+picUrl);
        }else{
          $("#pic_view").attr("src",ctx+"/core/resources/images/defaultPerson.png");
        }

});//end ready

//controller------------------------------------------------------------------

/**
   * 上传相片
   * 上传成功返回相片保存路径
   * @param foreignData
   * @param file 相片文件
   * @return
   */
@RequestMapping("doPictureCreate")
@ResponseBody
public String doPictureCreate(@RequestParam("personId") String personId,
      @RequestParam("year") String year, @RequestAttribute("file") MultipartFile file) {
    response.setContentType("application/json");
    response.setCharacterEncoding("UTF-8");
    CommandResult result = new CommandResult();
    OperationLog operInfo = createOperationLog(request, BuzType.MEDICAL_PERSON,
        BuzDataDefinition.MEDICAL_PERSON, OperationType.ATT_CREATE);
    if (!CommonUtil.ifFilePicture(file.getOriginalFilename())) {
      result.setCode("fail");
      result.setMessage("相片保存失败：图片格式错误");
      return JacksonUtil.doJackson(result);
    }
    File dir = new File(request.getServletContext().getRealPath(Constants.ATT_PATH));
    if (!dir.exists()) {
      dir.mkdir();
    } else if (dir.isFile()) {
      result.setCode("fail");
      result.setMessage("相片保存失败：保存路径错误," + dir.getAbsolutePath());
      return JacksonUtil.doJackson(result);
    }
    dir = new File(request.getServletContext().getRealPath(Constants.ATT_PATH + "/medicPerson"));
    if (!dir.exists()) {
      dir.mkdir();
    } else if (dir.isFile()) {
      result.setCode("fail");
      result.setMessage("相片保存失败：保存路径错误," + dir.getAbsolutePath());
      return JacksonUtil.doJackson(result);
    }
    String fileName = personId + "_" + year + "_" + operInfo.getOperationTime().getTime();
    File saveFile = new File(dir.getAbsolutePath() + "/" + fileName);
    if (saveFile.exists()) {
      result.setCode("fail");
      result.setMessage("相片保存失败：同名文件已经存在");
      return JacksonUtil.doJackson(result);
    }

    try {
      // create file
      file.transferTo(saveFile);
      result.setCode("success");
      // 返回相片url,客户端在保存人员信息时(doBuzDataUpdate)将该路径传回服务端MedicalPerson.picUrl
      result.setExtraCode(Constants.ATT_PATH + "/medicPerson/" + fileName);
      result.setMessage("相片保存成功");
    } catch (Exception e) {
      if (saveFile.exists()) {
        saveFile.delete();
      }
      result.setCode("fail");
      result.setMessage("相片保存失败：" + e.getMessage());
    }
    return JacksonUtil.doJackson(result);
}