#图片上传、实时预览(无刷新提交表单):超简单的实现 @FDDLC
发布日期:2021-06-30 21:05:46 浏览次数:3 分类:技术文章

本文共 1440 字,大约阅读时间需要 4 分钟。

一、先修课

 

二、实现过程

1、项目结构:

 

2、依赖:

org.springframework
spring-webmvc
5.3.6
commons-fileupload
commons-fileupload
1.3.3

 

3、index.jsp:

<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" %>    文件上传
请选择图片:

 

4、controller:

package cn.fddlc.controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.ResponseBody;@Controllerpublic class MyController {    @ResponseBody    @RequestMapping("/test")    public String test(){        String src="https://uploadfile.bizhizu.cn/up/74/0e/2e/740e2e956170e131623aed4055276b21.jpg.source.jpg";        //说明:上面的src可自行修改!        String page="";        return page;    }}

 

5、application.xml:

 

6、web.xml:

Archetype Created Web Application
dispatcherServlet
org.springframework.web.servlet.DispatcherServlet
contextConfigLocation
classpath:application.xml
dispatcherServlet
/

 

 

三、演示

1、上传前:

上传后:

说明:为了方便演示,我链接的是网络上的图片。可自行修改。

 

 

 

四、包含前后端的完整项目

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

转载地址:https://liuxingchang.blog.csdn.net/article/details/117025476 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:#SpringMVC:如何给首页值参 #首页无法传参 #首页控制器 @FDDLC
下一篇:#MySQL自定义存储过程:求n的阶乘 @FDDLC

发表评论

最新留言

初次前来,多多关照!
[***.217.46.12]2024年05月02日 15时39分28秒