ssm+jsp实现图片上传,以及解决一些常见问题

最新推荐文章于 2023-07-11 14:55:23 发布

白毛baimao

最新推荐文章于 2023-07-11 14:55:23 发布

阅读量1.6k

点赞数 3

文章标签： smm+jsp图片上传解决formData的异常问题

本文链接：https://blog.youkuaiyun.com/qq_40479674/article/details/84332565

版权

本文介绍了如何使用SSM+JSP实现图片上传，并重点解决了在使用FormData时可能出现的异常问题。前端部分展示了JSP中input[type=file]的使用，以及如何通过formData对象配合AJAX上传文件，同时强调了processData和contentType选项的重要性。后端部分提到了SpringMVC的配置，以及控制器中处理图片上传的方法。文章适合需要进行文件上传功能开发的开发者阅读。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#ssm+jsp实现图片上传,以及解决一些常见问题
平常商业项目中不免要做文件上传，像用户发送的图片，头像的上传等，本文就以头像的上传更新来讲述一下
话不多说，直接开干
一、前端
jsp:

        <span class="charactor" id="userHeader">
        <input id="updateHeader" type="file" style="display: none"  />
            <img src="" alt="" id="userHead" class="img" onclick="updateHeader()">
        </span>

jsp中 input标签当type="file"的时候，浏览器会把文件的内容连同form的所有字段格式化后传递到服务器,display:none能将浏览等字样隐藏，从而实现通过点击头像实现选择文件
css:

.img{
   
    width: 120px;
    height: 100px;
}
.charactor{
   
    font-family: Algerian;
    font-size: 20px;
    font-style: normal;
}

js:

function updateHeader() {
   
        $("#updateHeader").click();
        var formData = new FormData();
        var header_file =

最低0.47元/天解锁文章