html:
<% layout('/layouts/default.html', {title: '***', libs: ['validate','fileupload']}){ %>
其次:
<div class="col-xs-12">
<div class="form-group">
<label class="control-label col-sm-2">${text('LOGO')}:</label>
<div class="col-sm-10">
<#form:fileupload id="uploadImage" bizKey="${brand.id}" bizType="brand_image"
uploadType="image" class="" readonly="false" maxUploadNum = "1" preview = "true"/>
</div>
</div>
</div>
后台保存图片
// 保存上传图片
FileUploadUtils.saveFileUpload(brand.getId(), "brand_image");
list页面显示图片
{header:'${text("LOGO")}', name:'flogo', index:'a.flogo', width:150, align:"center", formatter: function(val, obj, row, act){
if(row.flogoid){
return '<a href="javascript:openLockEntry(\''+ row.id +'\',\''+ row.fname +'\')" title="${text('预览')}"><img src="/userfiles/fileupload/img/'+ row.flogoid + '.' + row.flogoextension + '" alt="'+ row.fname +'" width="120" height="38"></a>';
}else{
return '';
}
}},
//预览LOGO
function openLockEntry(id,fname){
console.log("id : " + id);
var image = {};
var images = [];//相册包含的图片,数组格式
//获取图片路径
$.ajax({
url : "${ctx}/base/brand/getLogoUrl?id=" + id + "&ftype=brand_image",
async : false,
success: function (data){
if(data !=''){
for(var i = 0; i< data.length; i++){
log(data[i].id);
image = {
"alt": fname,
"pid": data[i].id, //图片id
"anim": 0,
"src": "/userfiles/fileupload/img/" + data[i].id + "." + data[i].fname, //原图地址
};
images.push(image);
}
showPhotos(images);
}else{
layer.alert("未获取到该品牌LOGO!");
}
}
})
}
//显示图片
function showPhotos(images) {
layer.photos({
// area: '400px',
shade: [0.7, '#000'],
anim: 0,
photos: {
"title": "LOGO预览",
"id": 'showImages',
"data": images
}
});
}
jeesite 有个专门用于上传的表 为:JS_SYS_FILE_UPLOAD 其中这个表中的BIZ_KEY 你这条信息的id
通过它 来获取上传图片的这一条信息,借此 来得到图片的名称
sql如下:
SELECT
F.FILE_ID AS ID,
E.FILE_EXTENSION AS FNAME
FROM JS_SYS_FILE_UPLOAD F
LEFT JOIN JS_SYS_FILE_ENTITY E ON E.FILE_ID = F.FILE_ID
WHERE F.BIZ_TYPE = #{ftype}
AND F.FILE_TYPE = 'image'
AND F.STATUS = 0
AND F.BIZ_KEY =#{id}