spring文件上传

使用MultipartFile接口

使用Commons FileUpload组建上传，需要下载commons-fileupload-x.y.jar和commons-io-x.y.jar文件

1、配置文件：在spring-mvc.xml中添加

<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">

<property name="maxUploadSize" value="1073741824" /><!-- 上传大小限制-->
<property name="defaultEncoding" value="utf-8"></property>
<property name="resolveLazily" value="true"></property>

</bean>

 

2、控制器：

控制器接收一个MultipartFile file参数，

@RequestMapping(value = "/uploadfile.do")
 public @ResponseBody String saveProduct(HttpServletRequest rq,@RequestParam("file") MultipartFile file) {
/*
*调用文件处理工具类，也可以直接在控制器里写
*url为保存路径
*/

  saveFile(rq, file, url);

return "";
}

3、工具类（为了代码更简洁，把文件存储代码封装为一个类）

public class SaveFile {

    /**
     * @param rq
     *            request对象
     * @param file
     *            需要保存的文件
     * @param url
     *            文件保存路径类型
     * 
     * */
    public String saveImage(HttpServletRequest rq, MultipartFile file,
            String url) {
        File imageFile = null;
        String fileName = null;
        Date d=new Date();
        /*
         * 创建存储路径文件夹，在服务器目录下创建
         */
        File savePath = new File(rq.getServletContext().getRealPath(url));
        if (!savePath.exists()) {
            savePath.mkdirs();
        }
        if (null != file) {
            fileName = new Date().getTime()+new Random().nextInt(100)+file.getOriginalFilename();
            imageFile = new File(rq.getServletContext().getRealPath(+url),
                    fileName);

            try {
                file.transferTo(imageFile);
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        return url+"/"+fileName;
    }
}

4、前端提交

1、form表单提交需要在表单属性中添加enctype="multipart/form-data"

<form action="uploadfile.do" method="post"
enctype="multipart/form-data">
<input class="file" type="file" name="file" ></input>
</form>

2、ajax提交:需要通过FormData发送到服务端

<input class="file" type="file" onchange="uploadLogo(this)"
                    name="logo" value="123"></input>




function uploadLogo(file) {
        var fileReader = new FileReader();
        var path = "";
        uploadImages(file.files[0])

    }

    function uploadImages(file) {
        var form = new FormData();
        form.append("logo", file);

        $.ajax({
            type : "post",
            url : "/PrySecret/uploadLogo.do",
            data : form,
            async : false,
            cache : false,
            contentType : false,
            processData : false,
            success : function(data, status) {

                var path = "<c:url value='data'/>"
                alert(data);
                $("#logo")[0].src = "http://localhost:8080/PrySecret/data/"
                        + data;35             },
            error : function() {
                alert("服务器异常");
            },
            complete : function() {

            }
        });
    }