【SSM】文件上传传统方式

文件上传jar包

Commons-fileuploadcommons-io
可以用maven引入

<dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.2.2</version>
        </dependency>
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.4</version>
</dependency>

视图层

首先我们会有一个

 <input type="file" id="goodImgText" value="选择上传图片" name="url"/>
 
 <button type="button" class="btn " 
 id="save-btn">增加</button>
 

这个里面来选择上传的文件

然后我们在js中,利用ajax来上传文件

$("#save-btn"").click(function () {
var files = $('#goodImgText').prop('files');
var formData = new FormData();
formData.append('goodImgText', files[0]);

$.ajax({
            url: "${APP_PATH}/fileupload",
            type: "POST",
            data: formData,
            dataType: 'JSON',
            cache: false,                  // 不缓存
            processData: false,            // jQuery不要去处理发送的数据
            contentType: false,
            async: false,
            success: function (result) {
                if (result.code == 100) {
                    alert("上传成功");
                } else {
                    alert("上传失败,此文件不是图片");
                }
            }
        })
}

控制层

 @RequestMapping(value = "/fileupload", method = RequestMethod.POST)
    @ResponseBody
    public Msg fileUpload(HttpServletRequest servletRequest ) throws Exception {

        // 使用fileupload组件完成文件上传
        //上传的位置
        String path=servletRequest.getSession().getServletContext().getRealPath("/static/image/");
        //判断,该路径是否存在
        File file = new File(path);
        if (!file.exists()) {
            //创建该文件夹
            System.out.println("不存在");
            //如果不存在,那么创建一个文件夹
            file.mkdirs();
        }

        //解析request对象,获取上传文件项
        DiskFileItemFactory factory = new DiskFileItemFactory();
        ServletFileUpload upload = new ServletFileUpload(factory);
        //解析request
        List<FileItem> items = upload.parseRequest(servletRequest);
        //遍历
        for (FileItem item : items) {
            //进行判断,当前item对象是否是上传文件项
            if (item.isFormField()) {
                //说明普通表单项
            } else {
                String contentType = item.getContentType();
                //说明上传文件项
                //获取上传文件的名称
                String filename  = item.getName();
                //把文件的名称设置唯一值,uuid
                String uuid = UUID.randomUUID().toString().replace("-", "");
                filename = uuid + "_" + filename;
                //完成文件上传
                item.write(new File(path, filename));
                //删除临时文件,如果文件大小大于10kb,那么删除,否则在磁盘上缓存
                item.delete();
                return Msg.success().add("fileName", filename);

            }
        }
        return Msg.fail();
    }

在MVC配置文件中配置文件大小

<!-- 配置文件上传解析器 --> 
<!-- id 的值是固定的-->
<bean id="multipartResolver" 
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!-- 设置上传文件的最大尺寸为 5MB --> <property name="maxUploadSize"> <value>5242880</value>
</property>
</bean>

注意:
文件上传的解析器 id 是固定的,不能起别的名称,否则无法实现请求参数的绑定。(不光是文件,其他字段也将无法绑定)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值