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)"]
品牌名称:="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" 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
