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 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}
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值