项目模块--3.商品添加模块+数据库存储图片问题

简介

　　商品添加功能为后台管理功能之一，而在添加商品时上传商品图片文件又为其中的难点，本文使用SpringMVC提供的MultipartResolver解析文件上传请求，使用MultipartFile来

进行接收文件。

步骤一：提供文件上传的前端页面

该页面提供一个SpringMVC中的form来提交数据，该数据为一个goods（实体类）对象，使用input：path来绑定对象中的属性值。

<form:form action="adminGoods/addGoods" method="post" modelAttribute="goods" enctype="multipart/form-data">
        <table border=1 style="border-collapse: collapse">
            <caption>
                <font size=4 face=华文新魏>添加商品</font>
            </caption>
            <tr>
                <td>名称<font color="red">*</font></td>
                <td>
                    <form:input path="gname"/>
                </td>
            </tr>
            <tr>
                <td>原价<font color="red">*</font></td>
                <td>
                    <form:input path="goprice"/>
                </td>
            </tr>
            <tr>
                <td>折扣价</td>
                <td>
                    <form:input path="grprice"/>
                </td>
            </tr>
            <tr>
                <td>库存</td>
                <td>
                    <form:input path="gstore"/>
                </td>
            </tr>
            <tr>
                <td>图片</td>
                <td>
                    <input type="file" name="logoImage"/>
                </td>
            </tr>
            <tr>
                <td>类型</td>
                <td>
                    <form:select path="gtypeId">
                         <form:options items="${goodsType}" itemLabel="gtName" itemValue="id"/>
                       </form:select>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <input type="submit" value="提交"/>
                </td>
                <td align="left">
                    <input type="reset" value="重置"/>
                </td>
            </tr>
        </table>
    </form:form>

注意：1.使用指令来引入springMVC标签。2.在使用包含文件上传控件的表单时，必须设置 enctype=“multiparty/form-date”。

将用户填入的goods对象提交给adminGoods/addGoods。

步骤二：配置spring的MultipartResolver来实现文件上传

1.在maven中导入依赖

<dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.3</version>
    </dependency>

 

2.在spring的配置文件中添加MultipartResolver的配置，解析器的id必须为multipartResolver，否则上传文件超过3m时会报错。

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <property name="defaultEncoding" value="UTF-8"/>
    <property name="maxUploadSizePerFile" value="10240000"/>
</bean>

 

3.使用MultipartFile类的一些方法完成对文件的操作。

得到上传的文件的名称，其中goods中包含属性 MultipartFile LogoImage;并有该属性的set，get方法。

String fileName = goods.getLogoImage().getOriginalFilename();
得到上传文件的扩展名
String fileType = fileName.substring(fileName.lastIndexOf("."));
给文件创建一个新名
String newFileName = Myunit.getStringID()+fileType;
得到存放文件的目录,在项目的根路径下的logos文件夹
String realpath = request.getServletContext().getRealPath("logos");
创建File类型的对象用来存放，上传的文件。
File targetFile= new File(realpath,newFileName);
将上传文件转存到targetFile对象中
goods.getLogoImage().transferTo(targetFile);

    String newFileName = "";
        //1.获取上传的文件的原始名称，根据浏览器的不同可能包含文件在客户端文件系统中的路径
        String fileName = goods.getLogoImage().getOriginalFilename();
        //2.判断是否得到了文件名
        if (fileName.length() > 0) {
            //3.得到了文件后，获取项目根路径下logos子文件夹的路径
            String realpath = request.getServletContext().getRealPath("logos"); //是否需要自己创建logos
            //4.得到文件名后缀
            String fileType = fileName.substring(fileName.lastIndexOf('.'));
            //5.文件名的处理：生成新的文件名newFileName，然后使用set放置到对象中
            newFileName  = MyUtil.getStringID()+fileType;
            goods.setGpicture(newFileName);
            //6.根据路径和文件名创建文件对象
            File targetFile= new File(realpath,newFileName);
            if (!targetFile.exists()) {
                targetFile.mkdirs();//7.将文件存放在服务器的文件系统中
            }
            try{
                goods.getLogoImage().transferTo(targetFile);  //8.将Multipartfile转为普通的file文件
            }catch (Exception e){
                e.printStackTrace();
            }
        }

注意：重新启动tomcat后，会将logos文件，删除。

步骤三：展示所有的商品

晚上再补，分页+数据库取出图片