Jeesite4本地及服务器上传文件、图片详解

举报
阿Q说代码 发表于 2022/04/11 16:34:06 2022/04/11
【摘要】 Jeesite4本地及服务器上传文件、图片详解

最近一段时间忙于公司项目开发,又加上过年比较忙,所以没能留出时间更新内容,大家是不是有点着急了?

公司最近在使用jeesite4开发项目,我呢,对这个框架一点也不熟悉,遇到问题都是现查现用。这不,在上传文件与上传图片这直接给卡死了。

百度google了好久也没能找到解决办法,经过咨询开发者ThinkGem先生,总算找到了解决方案。所以呢,为了让以后使用jeesite4的同志们少走一点弯路,所以我就将自己的采坑之路给大家简单总结一下,希望对你们有所帮助。

首先呢,先给大家介绍一下jeesite4本地上传文件以及图片给大家提供的组件属性:

fileupload 文件上传:

1、文件上传:

<#form:fileupload id="upload1" bizKey="${user.id}" bizType="user_upload1"
	uploadType="all" class="required" readonly="false"/>

后台代码:

FileUploadUtils.saveFileUpload(user.getId(), "user_upload1");

2、图片上传:

<#form:fileupload id="upload2" bizKey="${user.id}" bizType="user_upload2"
	uploadType="image" class="required" readonly="false"/>

后台代码:

FileUploadUtils.saveFileUpload(user.getId(), "user_upload2");

3、返回路径:

<#form:fileupload id="upload3" returnPath="true"
	filePathInputId="upload3Path" fileNameInputId="upload3Name"
	uploadType="image" readonly="false" maxUploadNum="3" isMini="false"/>Jeesite4本地及服务器上传文件、图片详解
<#form:input name="upload3Path" class="form-control"/>
<#form:input name="upload3Name" class="form-control"/>
组件属性:
var p = {
	// 标签参数
	id: id!,					// 元素ID
	bizKey: bizKey!,			// 业务表的主键值(与附件关联的业务数据)
	bizType: bizType!,			// 业务表的上传类型(全网唯一,推荐格式:实体名_上传类型,例如,文章图片:article_photo)
	returnPath: @ObjectUtils.toBoolean(returnPath!false), 	// 是否是返回文件路径到输入框(默认false),可将路径直接保存到某个字段里
	filePathInputId: filePathInputId!,	// 设置文件URL存放的输入框的ID,当returnPath为true的时候,返回文件URL到这个输入框
	fileNameInputId: fileNameInputId!,	// 设置文件名称存放的输入框的ID,当returnPath为true的时候,返回文件名称到这个输入框
	uploadType: uploadType!'',			// 上传文件类型:all、file、image、media,若不设置,则自动根据上传文件后缀获取
	class: class!'',					// 标签框的CSS类名,设置 required 加入必填验证
	readonly: @ObjectUtils.toBoolean(readonly!false),		// 是否只读模式,只读模式下为查看模式,只允许下载
	
	allowSuffixes: allowSuffixes!'', 	// 允许上传的后缀,前台的限制,不能超越file.*AllowSuffixes的设置,例如:.jpg,.png,
	maxUploadNum: @ObjectUtils.toInteger(maxUploadNum!300),		// 多文件下允许最多上传几个,默认300个,设置-1代表不限制
	
	imageMaxWidth: @ObjectUtils.toInteger(imageMaxWidth!1024),	// 图片压缩,最大宽度(uploadType为image生效),设置-1代表不做任何处理
	imageMaxHeight: @ObjectUtils.toInteger(imageMaxHeight!768),	// 图片压缩,最大宽度(uploadType为image生效),设置-1代表不做任何处理
	
	isLazy: @ObjectUtils.toBoolean(isLazy!false),				// 设置为ture需要点击上传按钮才上传文件,否则选择后就直接上传
	
	isMini: @ObjectUtils.toBoolean(isMini!false),				// 是否是精简上传窗口,无边距,无边框
	
	preview: preview!'',										// 是否显示预览按钮,接受参数:weboffice
	
};

上边的属性呢,我先介绍一下我用到的几个比较特殊的,要想获取上传文件的路径的话得设置filePathInputId的值即文件URL存放的输入框的id为upload(自定义),然后将returnPath属性设置为true,这样的话文件URL就返回到id为upload的输入框里了。fileNameInputId同理。

然后给大家介绍一下jeesite4上传文件到服务器的步骤与方法:

1,要创建工具类继承FileUploadServiceExtendSupport类,添加@Service注解,并且重写里边的uploadFile(FileEntity fileEntity)和getFileUrl(FileUpload fileUpload)方法。

2,uploadFile(FileEntity fileEntity)方法中的FileEntity类是上传文件或图片的对照类,通过

String path = fileEntity.getFileRealPath();
File file=new File(path);

获取到上传文件的file对象,然后去完成自己的上传服务器的逻辑。

3,getFileUrl(FileUpload fileUpload)方法是获取到上传文件成功之后返回的服务器路径,在这个方法中去写你得到服务器路径的逻辑。

4,特别注意的是bizKey和bizType属性,这两个属性不去掉会读取file表的数据,去掉会读取你指定的隐藏域数据。我之前对这个没理解透彻,导致图片数据回显出现问题。

阿Q将持续更新java实战方面的文章,感兴趣的可以关注下公众号:阿Q说代码,也可以添加阿Q:qingqing-4132 进一步交流!

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200