pics = new String[5]; // 五張圖片的地址數組
for (int i = 0; i < 5; i++) {
if (buildPicList != null && buildPicList.size() > i) { //用數據庫中存儲的上傳圖片地址填充數組
pics[i] = buildPicList.get(i).getVHouseImg();
} else {
pics[i] = "images/img.jpg";//剩下的用“臨時圖片”地址填充
}
}
===============================
<#assign fck=JspTaglibs["http://java.fckeditor.net"]/> 引入FCKeditor 標籤
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="js/sg.js"></script>
<script type='text/javascript' src='sg123/util.js'></script>
<script type='text/javascript' src='sg123/engine.js'></script>
<script type="text/javascript" src="js/jsvalidation.js"></script>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type='text/javascript' src='sg123/interface/UploadFile.js'></script>
<script type="text/javascript">
onload = function(){
new AreaMenu("top_select_area_li","firstAreaDiv", "selectArea","displayArea");
//new AreaMenu("top_select_area_info","firstAreaDiv_info", "f_area_name");
};
function showUploadFileProduct(index){
displayFilter();
var ddiv = document.getElementById("uploadDiv");
document.getElementById("selectIndex").value=index;
ddiv.style.top = "300px";
ddiv.style.left = "500px";
ddiv.style.display = "block";
}
function cancleUploadProduct(){
hiddenFilter();
document.getElementById("selectIndex").value="";
document.getElementById("uploadDiv").style.display = "none";
}
/**
* 上傳圖片
*/
function uploadImgProduct(){
var uploadImage = dwr.util.getValue("upload_img");
UploadFile.uploadPic(uploadImage, uploadFileCallbackProduct);
}
/**
* 上傳圖片回調
*
* @param {Object}
* data
*/
function uploadFileCallbackProduct(data){
try {
var index=document.getElementById("selectIndex").value;
document.getElementById("uploadImg"+index).value = data;
document.getElementById("uploadImg_"+index).src = data;
document.getElementById("placeholder").src=data;
}
catch (e) {
alert(e);
}
cancleUploadProduct();
}
function clickImgProduct(obj){
<#--alert(obj.src);-->
document.getElementById("placeholder").src=obj.src;
}
</script>
</head>
<body>
<div align="center">
<div id="container">
<@s.form name="productForm" id="productForm" action="saveProduct" method="post" theme="simple">
<@s.hidden id="opType" name="opType" />
<@s.hidden key="templateId" />
<@s.hidden key="absId"/>
<@s.hidden key="templateData.id"/>
<div class="content">
<div class="sg123_scan_main" style="border:none;">
<div style="clear:both;"></div>
<div class="sg123_main_fang">
<div class="sg123_fang_pic">
<img id="placeholder" src="<@s.property value="pics[0]"/>"/>
</div>
<div class="sg123_fang_pics">
<@s.iterator var="pic" value="pics" status="status">
<div class="sg123_fang_pics1">
<img id="uploadImg_${status.count}" src="${pic}" width="95" height="90" οnclick="clickImgProduct(this)"style="cursor:pointer;"/>
<@s.hidden id="uploadImg${status.count}" key="pics" value="${pic}"/>
<input class="Unified_but2" type="button" value="上傳圖片" οnclick="showUploadFileProduct(${status.count})"/>
</div>
</@s.iterator>
</div>
</div>
<div class="sg123_discrip">
<div class="sg123_discrip_tit"> 商品簡介</div>
<div class="sg123_discrip_main">
<@s.if test="templateData==null || templateData.getVProductDescrip()==null">
<@fck.editor instanceName="EditorDefault" inputName="templateData.VProductDescrip" height="400px"
width="650"></@fck.editor>
</@s.if>
<@s.else>
<@fck.editor instanceName="EditorDefault" inputName="templateData.VProductDescrip" height="400px"
width="650" value="${templateData.VProductDescrip} "></@fck.editor>
</@s.else>
</div>
</div>
</div>
<div class="sg123_discrip"> <span><input id="lee" name="lee" type="checkbox" />同意發佈協議</span>
<a href="javascript:productSubmit(1)"><img src="images/tijiao.gif" /></a>
<a href="javascript:productSubmit(0)"><img src="images/baocun.gif" /></a>
<a href="javascript:productSubmit(2)"><img src="images/scan.jpg" /></a>
</div>
</div>
</div>
</@s.form>
</div>
</div>
上傳層
<div id="uploadDiv" class="uploadDiv">
<div class="close"><a href="javascript:void cancleUpload()">×</a></div>
<br/><br/>
<span><input type="file" id="upload_img" name="selectFile"/></span><br/><br/><br/>
<input type="hidden" id="selectIndex"/>
<input class="Unified_but" type="button" value="確定" οnclick="uploadImgProduct()"/>
<input class="Unified_but" type="button" value="取消" οnclick="cancleUploadProduct()"/>
</div>
遮罩層
<div id="filterDiv" class="filterDiv"></div>
</body>
</html>