springMVC实现文件图片的上传下载功能详解（源码已提供，小白必看）(二)

  <!--配置上传解析bean：给DispatcherServlet使用，调用该bean对象完成request对象中的上传数据的解析-->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"></bean>

@Controller
public class RegController {
    //声明单元方法:处理文件上传请求
    /***
     * 形参MultipartFile
     *    该形参是用来接收DispatcherServlet解析request对象后存储了文件二进制数据的对象。
     *    形参的名字必须是上传请求中的文件的键名
     * @param photo
     * @param response
     */
    @RequestMapping("regUpload")
    public void regUpload(MultipartFile photo, HttpServletResponse response, HttpServletRequest request) throws IOException {
        //1.确定文件存储路径
            //使用ServletContext对象动态获取项目根目录下的upload文件夹的路径，作为资源存储路径
            String path=request.getServletContext().getRealPath("/upload");
            System.out.println(path);
        //2.确定文件存储的名字
            //获取文件的原始名 ab.c.jpg
            String oldName=photo.getOriginalFilename();
            //获取文件存储的后缀名
            String suffix=oldName.substring(oldName.lastIndexOf("."));//.jpg
            //创建文件新的名字 名+后缀 比如 a.jpg
            String newName= UUID.randomUUID()+""+suffix;
        //3.完成存储
            //创建file对象存储资源路径
                File f=new File(path);
                if(!f.exists()){
                    f.mkdirs();//创建存储路径
                }
            //输出存储
            photo.transferTo(new File(f,newName));
        //4.响应结果
            //创建UploadResult对象存储响应数据
            UploadResult uploadResult=new UploadResult(true,"",newName);
            //将uploadResult对象转换为json对象
            String jsonStr=new Gson().toJson(uploadResult);
            //直接响应
            response.getWriter().write(jsonStr);
    }
}

    //创建UploadResult对象存储响应数据
            UploadResult uploadResult=new UploadResult(true,"",newName);

 <td>
                        <input type="file" id="file" value="点击选择头像">&nbsp;<a id="btnUpload" href="javascript:void(0)">点击上传</a>
                        <input type="hidden" name="img" id="img" value="" >
                        <img src="" alt="" id="myImg" width="100px" style="display: none">
                    </td>

  success:function (data) {//回调函数
                        //将响应数据转换为json对象
                        eval("var obj="+data);
                        //判断
                        if(obj.status==true){
                            alert("上传成功");
                            $('#img').val(obj.url);
                            $('#myImg').attr("src","upload/"+obj.url).css("display","");
                        }else{
                            alert(obj.msg);
                        }
                    }

 $('#myImg').attr("src","upload/"+obj.url).css("display","");