springmvc实现多图片上传

最新推荐文章于 2021-02-27 21:56:53 发布

灰太狼_cxh

最新推荐文章于 2021-02-27 21:56:53 发布

阅读量1k

点赞数

分类专栏： springmvc系列 java后端开发学习相册文章标签： springmvc实现多图片上传

本文链接：https://blog.csdn.net/weixin_39220472/article/details/80327488

版权

本文介绍了如何使用SpringMVC实现多图片上传功能，结合MySQL数据库和JSP页面，创建ContentByImg类封装数据。在后台处理中，通过文件处理类保存图片并返回图片名称，存储到数据库中。为了展示图片，选择了Nginx作为图片服务器，解释了为何只存储图片名称而非全路径，并提供了Windows环境下搭建Nginx服务器的参考资料。

摘要由CSDN通过智能技术生成

springmvc实现多图片上传：

主要是项目要做的是一个发表分享的功能，就有点像微信发朋友圈那样，一个内容文字和图片显示。

思路：用form表单提交，在form表单选择多张图片，有文字说明，后台springmvc接受数据。接受数据有文字，有多张图片，有是谁发表分享的用户id。那就用一个类把这些数据封装起来；之后把这些数据存到数据库里。

工具：IDEA

数据库：mysql

页面：jsp

前端页面：

<div class="col-sm-6 col-xs-12 my_edit" >
    <div class="row" id="edit_form" >
        <span class="pull-left" style="margin:15px;">编写新鲜事</span>
        <span class="tips pull-right" style="margin:15px;"></span>
        <form role="form" id="fileform" action="<%=request.getContextPath()%>/upload/uploadfiles" method="post" enctype="multipart/form-data" style="margin-top: 50px;">
            <div class="form-group">
                <div class="col-sm-12"  >

                        <textarea id="content"  name="content" rows="2" cols="20" style="width: 343px;height: 95px"></textarea>
                </div>
                <input type="hidden" name="userid" value="user19@qq.com">
                <br>
                <div id="spu_img">
                    <div id="spu_img_div_0" style="border:1px solid #333;width:80px;height:80px;float:left;">
                        <img id = "img_0" style="cursor:pointer" src="<%=request.getContextPath()