上传图片"/>
jeesite 之上传图片
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 FNAMEFROM JS_SYS_FILE_UPLOAD FLEFT JOIN JS_SYS_FILE_ENTITY E ON E.FILE_ID = F.FILE_IDWHERE F.BIZ_TYPE = #{ftype}AND F.FILE_TYPE = 'image'AND F.STATUS = 0AND F.BIZ_KEY =#{id}
更多推荐
jeesite 之上传图片
发布评论