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 之上传图片相关推荐

2.JeeSite 基础—使用 JeeSite 快速开发项目—新建模块、单表代码生成、上传图片、富文本编辑
本文目录如下: 第2章 JeeSite 基础-使用 JeeSite 快速开发项目 2.1 新建模块 2.1.1 创建一个模块 2.1.2 将模块添加到工程里 2.1.3 在 web 的 pom.xml ...
jeesite（一）
首先刚进公司项目框架是jeesite,而且还是前后都是我一个人搞这可我把我这个JS菜鸟逼疯了,并且这个框架封装了太多文档和资料却很少 ,所以为了造福大家和我自己(更重要是我自己)我将记录我在je ...
Django 上传图片和Admin站点5.2
上传图片当Django在处理文件上传的时候,文件数据被保存在request.FILES FILES中的每个键为<input type="file" name="& ...
tp5+linux+apache php7.1.30环境下，上传图片报错：mkdir():permission denied
做了个自己的博客,后台上传图片的时候报错如图: 首先反应是权限问题,runtime和uploads文件夹已经给了777权限了,超出菜鸟的解决范围,果断百度,但是百度了一堆,全部是关于runtime的, ...
上传图片配置控制大小_esp32-cam拍照上传云平台，http协议传输
1.ESP32-cam开发环境配置本例程是利用arduino IDE开发,关于arduino IDE 的esp32环境配置可参考:环境配置: 点击跳转安装好esp32 环境,开发板选择esp32 ...
android上传本地图片到服务器上,Android使用post方式上传图片到服务器的方法
本文实例讲述了Android使用post方式上传图片到服务器的方法.分享给大家供大家参考,具体如下: /** * 上传文件到服务器类 * * @author tom */ public class U ...
php删除上传图片,PHP上传图片、删除图片的简单示例代码
本节内容: PHP上传图片.删除图片 1,php上传图片: 复制代码代码示例: if (!empty($_FILES["img"]["name"])) { / ...
上传图片，要求图片200100象素，大小小于2M
作者:网际浪子专栏(曾用名littlehb) http://blog.csdn.net/littlehb/ 上传图片,要求图片200100象素,大小小于2M, 如果图片不符合要求,不能上传,否则上传 ...
php上传图片 $__files没有信息_Python接口测试文件上传实例解析
接口测试中,上传文件的测试场景非常常见.例如:上传头像(图片).上传文件.上传视频等.下面以一个上传图片的例子为大家讲解如何通过 python 测试上传文件接口. 首先通过抓包分析上传文件接口的请求参 ...

jeesite 之上传图片

jeesite 之上传图片相关推荐

最新文章

热门文章