经验大分享: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

相关文章
|
3月前
|
JSON JavaScript 前端开发
技术笔记:ssm异步上传图片
技术笔记:ssm异步上传图片
17 0
|
Java 专有云
使用的ssm框架 Java 上传图片到专有云OSS
使用的ssm框架 通过阿里云官网提供的Java sdk 做上传图片到专有云OSS 实现项目。
2091 0
|
Web App开发 前端开发 Java
ssm框架整合+Ajax异步验证
SSM框架是目前企业比较常用的框架之一,它的灵活性、安全性相对于SSH有一定的优势。说到这,谈谈SSM和SSH的不同点,这也是企业常考初级程序员的面试题之一。说到这两套框架的不同,主要是持久层框架Hibernate和MyBatis的不同和控制层框架SpringMVC和Struts2的不同。
1359 0
|
30天前
|
Java 数据库连接 Maven
手把手教你如何搭建SSM框架、图书商城系统案例
这篇文章是关于如何搭建SSM框架以及实现一个图书商城系统的详细教程,包括了项目的配置文件整合、依赖管理、项目结构和运行效果展示,并提供了GitHub源码链接。
手把手教你如何搭建SSM框架、图书商城系统案例
|
3月前
|
搜索推荐 JavaScript Java
计算机Java项目|基于SSM的个性化商铺系统
计算机Java项目|基于SSM的个性化商铺系统
|
3月前
|
前端开发 JavaScript Java
计算机Java项目|SSM智能仓储系统
计算机Java项目|SSM智能仓储系统
|
1月前
|
SQL Java 应用服务中间件
使用SSM搭建图书商城管理系统(完整过程介绍、售后服务哈哈哈)
这篇文章是关于如何使用SSM框架搭建图书商城管理系统的教程,包括完整过程介绍、常见问题解答和售后服务,提供了项目地址、运行环境配置、效果图展示以及运行代码的步骤。
使用SSM搭建图书商城管理系统(完整过程介绍、售后服务哈哈哈)
|
2月前
|
存储 关系型数据库 测试技术
基于ssm+vue的校园驿站管理系统+(源码+部署说明+演示视频+源码介绍)(2)
基于ssm+vue的校园驿站管理系统+(源码+部署说明+演示视频+源码介绍)
33 1
|
3月前
|
前端开发
杨校老师之基于SSM开发的校园点餐配送系统
杨校老师之基于SSM开发的校园点餐配送系统
45 0
杨校老师之基于SSM开发的校园点餐配送系统
|
3月前
|
小程序 前端开发 测试技术
微信小程序|ssm基于微信小程序的高校课堂教学管理系统
微信小程序|ssm基于微信小程序的高校课堂教学管理系统