经验大分享:ssm异步上传图片

简介: 经验大分享:ssm异步上传图片

1.首先引入jersey jar包

2.在配置文件中,配置允许上传图片

3.修改增加商品页面

<%@ page language="java" import="java.util." pageEncoding="UTF-8"%>

<%@ include file="/back_page/head.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

[/span>html xmlns=""

[/span>head

[/span>title

[/span>script type="text/javascript"

function uploadPic() {

var options={

url:"/cn/upload/uploadPic.do", 访问保存图片的controller层的方法

dataType:"json",

type:"post",

success:function(data){

//回调2个路径

//url 绝对路径,用于在页面上显示图片

//path 相对路径,保存在数据库中

$("#allImgUrl").attr("src",data.url); 显示图片

$("#path").val(data.path)

}

}

$("#jvForm").ajaxSubmit(options);

}

[/span>body

[/span>div class="box-positon"

[/span>div class="rpos"

[/span>form class="ropt"

[/span>input type="submit" onclick="this.form.action='v_list.shtml';" value="返回列表" class="return-button"/>

[/span>div class="clear"

[/span>div class="body-box" style="float:right"

[/span>form id="jvForm" action="/cn/brand/add.do" method="post" enctype="multipart/form-data"

[/span>table cellspacing="1" cellpadding="2" Width</span>="100%" border="0" class="pn-ftable"

[/span>tbody

[/span>tr

[/span>td Width</span>="20%" class="pn-flabel pn-flabel-h"

[/span>span class="pn-frequired"<span style="color: rgba(0, 0, 255, 1)"]

品//代码效果参考:http://www.zidongmutanji.com/zsjx/594691.html

牌名称:="80%" class="pn-fcontent"

[/span>input type="text" class="required" name="name" maxlength="100"/>

[/span>tr

[/span>td Width</span>="20%" class="pn-flabel pn-flabel-h"

[/span>span class="pn-frequired"

上传商品图片(90x150尺寸):

[/span>td Width</span>="80%" class="pn-fcontent"

注:该尺寸图片必须为90x150。

[/span>tr

[/span>td Width</span>="20%" class="pn-flabel pn-flabel-h"

[/span>td Width</span>="80%" class="pn-fcontent"

[/span>img Width</span>="100" Height</span>="100"//代码效果参考:http://www.zidongmutanji.com/bxxx/431172.html

id="allImgUrl"/>

[/span>input type="hidden" name="imgUrl" id="path"/> 保存到数据库中,贮存在对象里

[/span>input type="file" onchange="uploadPic()" name="pic"/> 鼠标点击选中发生的事件,就是已经保存图片了

[/span>tr

[/span>td Width</span>="20%" class="pn-flabel pn-flabel-h"

品牌描述:="80%" class="pn-fcontent"

[/span>input type="text" class="required" name="description" maxlength="80" size="60"/>

[/span>tr

[/span>td Width</span>="20%" class="pn-flabel pn-flabel-h"

排序:="80%" class="pn-fcontent"

[/span>input type="text" class="required" name="sort" maxlength="80"/>

[/span>tr

[/span>td Width</span>="20%" class="pn-flabel pn-flabel-h"

是否可用:="80%" class="pn-fcontent"

[/span>input type="radio" name="isDisplay" value="1" checked="checked"/>可用

[/span>input type="radio" name="isDisplay" value="0"/>不可用

[/span>tbody

[/span>tr

[/span>td class="pn-fbutton" colspan="2"

[/span>input type="submit" class="submit" value="提交"/> [/span>input type="reset" class="reset" value="重置"/>

4.controller层方法

?1234567891011121314151617181920212223242526272829303132333435363738394041<div class="l

相关文章
|
9月前
|
JSON JavaScript 前端开发
技术笔记:ssm异步上传图片
技术笔记:ssm异步上传图片
36 0
|
Java 专有云
使用的ssm框架 Java 上传图片到专有云OSS
使用的ssm框架 通过阿里云官网提供的Java sdk 做上传图片到专有云OSS 实现项目。
2138 0
|
Web App开发 前端开发 Java
ssm框架整合+Ajax异步验证
SSM框架是目前企业比较常用的框架之一,它的灵活性、安全性相对于SSH有一定的优势。说到这,谈谈SSM和SSH的不同点,这也是企业常考初级程序员的面试题之一。说到这两套框架的不同,主要是持久层框架Hibernate和MyBatis的不同和控制层框架SpringMVC和Struts2的不同。
1388 0
|
1月前
|
存储 Java 关系型数据库
ssm026校园美食交流系统(文档+源码)_kaic
本文介绍了基于Java语言和MySQL数据库的校园美食交流系统的设计与实现。该系统采用B/S架构和SSM框架,旨在提高校园美食信息管理的效率与便捷性。主要内容包括:系统的开发背景、目的及内容;对Java技术、MySQL数据库、B/S结构和SSM框架的介绍;系统分析部分涵盖可行性分析、性能分析和功能需求分析;最后详细描述了系统各功能模块的具体实现,如登录、管理员功能(美食分类管理、用户管理等)和前台首页功能。通过此系统,管理员可以高效管理美食信息,用户也能方便地获取和分享美食资讯,从而提升校园美食交流的管理水平和用户体验。
|
1天前
|
前端开发 Java 关系型数据库
基于ssm的社区物业管理系统,附源码+数据库+论文+任务书
社区物业管理系统采用B/S架构,基于Java语言开发,使用MySQL数据库。系统涵盖个人中心、用户管理、楼盘管理、收费管理、停车登记、报修与投诉管理等功能模块,方便管理员及用户操作。前端采用Vue、HTML、JavaScript等技术,后端使用SSM框架。系统支持远程安装调试,确保顺利运行。提供演示视频和详细文档截图,帮助用户快速上手。
28 17
|
4天前
|
前端开发 Java 关系型数据库
基于ssm的超市会员(积分)管理系统,附源码+数据库+论文,包安装调试
本项目为简单内容浏览和信息处理系统,具备管理员和员工权限。管理员可管理会员、员工、商品及积分记录,员工则负责积分、商品信息和兑换管理。技术框架采用Java编程语言,B/S架构,前端使用Vue+JSP+JavaScript+Css+LayUI,后端为SSM框架,数据库为MySQL。运行环境为Windows,JDK8+Tomcat8.5,非前后端分离的Maven项目。提供演示视频和详细文档,购买后支持免费远程安装调试。
55 19
|
5天前
|
前端开发 JavaScript Java
[Java计算机毕设]基于ssm的OA办公管理系统的设计与实现,附源码+数据库+论文+开题,包安装调试
OA办公管理系统是一款基于Java和SSM框架开发的B/S架构应用,适用于Windows系统。项目包含管理员、项目管理人员和普通用户三种角色,分别负责系统管理、请假审批、图书借阅等日常办公事务。系统使用Vue、HTML、JavaScript、CSS和LayUI构建前端,后端采用SSM框架,数据库为MySQL,共24张表。提供完整演示视频和详细文档截图,支持远程安装调试,确保顺利运行。
47 17
|
3天前
|
前端开发 Java 关系型数据库
基于ssm的网络直播带货管理系统,附源码+数据库+论文
该项目为网络直播带货网站,包含管理员和用户两个角色。管理员可进行主页、个人中心、用户管理、商品分类与信息管理、系统及订单管理;用户可浏览主页、管理个人中心、收藏和订单。系统基于Java开发,采用B/S架构,前端使用Vue、JSP等技术,后端为SSM框架,数据库为MySQL。项目运行环境为Windows,支持JDK8、Tomcat8.5。提供演示视频和详细文档截图。
37 10
|
2天前
|
前端开发 Java 关系型数据库
基于ssm的台球厅管理系统,附源码+数据库+论文
本项目为新锐台球厅管理系统,支持管理员和会员两种角色。管理员可进行会员管理、台球桌管理、订单管理等;会员可查看台球桌、预约、购买商品等。技术框架基于Java,采用B/S架构,前端使用Vue+HTML+JavaScript+CSS+LayUI,后端使用SSM框架,数据库为MySQL。运行环境为Windows,JDK8+MySQL5.7+Tomcat8.5。提供演示视频及详细文档截图。
|
22天前
|
存储 Java 关系型数据库
ssm064农产品仓库管理系统系统(文档+源码)_kaic
农产品仓库管理系统基于现代经济快速发展和信息化技术的升级,采用SSM框架、Java语言及Mysql数据库开发。系统旨在帮助管理者高效处理大量数据信息,提升事务处理效率,实现数据管理的科学化与规范化。该系统涵盖物资基础数据管理、出入库订单管理等功能,界面简洁美观,符合用户操作习惯,并提供数据安全解决方案,确保信息的安全性和可靠性。通过自动化和集中处理,系统显著提高了仓库管理的效率和准确性。