SSM-----------------文件上传并显示到页面采用jquery

最新推荐文章于 2022-05-10 13:56:49 发布

保温杯有枸杞

最新推荐文章于 2022-05-10 13:56:49 发布

阅读量236

点赞数

分类专栏： SSM

本文链接：https://blog.csdn.net/qq_32659773/article/details/106881567

版权

这篇博客详细介绍了如何在SSM（Spring、SpringMVC、MyBatis）框架下实现文件上传功能，并将上传的文件显示到页面上。内容包括所需的依赖导入、Springmvc.xml的配置调整、HTML和JS的交互以及后台处理代码的两种实现方式。

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

文件上传

导包

Springmvc.xml配置支持文件上传

Html/JS

第一种（失败了）

第二种：

<%--
  Created by IntelliJ IDEA.
  User: gyf
  Date: 2018/5/25
  Time: 10:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>
<head>
    <script src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
    <script src="${pageContext.request.contextPath}/js/jquery.form.js"></script>
    <title>编辑商品</title>
<script type="text/javascript">
    function sumbitImage() {
        alert("提交图片到后台");
        var dataoptions={
            type:'post',

            url:'${pageContext.request.contextPath}/upload/itemspic.do',
            success:function (respData) {
                //var jsonObj = $.parseJSON(respData);
               var  obj =JSON.parse(respData);

                 $('#pic').attr('src',obj.imgUrl);
                console.log(obj.imgUrl);
                $('#hiddenPic').val(obj.imgUrl)
            }
        }
        $('#itemsForm').ajaxSubmit(dataoptions)
    }
</script>

</head>
<body>
<form id="itemsForm" action="${pageContext.request.contextPath}/items/update.do" method="post">
    <table border="1">
        <tr>
            <td>名称</td>
            <td>
                <input type="text" name="name" value="${items.name}"></td>
            <input type="hidden" name="id" value="${items.id}"></td>
        </tr>

最低0.47元/天解锁文章

保温杯有枸杞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SSM-----------------文件上传并显示到页面采用jquery

文件上传导包 Springmvc.xml配置支持文件上传 Html/JS 后台 @Controller @RequestMapping("upload") public class UploadController { @RequestMapping("itemsPic") publi...
复制链接

扫一扫

专栏目录