2.8 form表单上传按钮

 在表单中上传附件一直都是常用的业务功能,所以特意定制了这样一个上传按钮,这样在表单中使用附件上传功能就非常简单了。

1、在页面定义一个div,给定一个id;

<div class="layui-row layui-col-space1 task-row">
         #@colStart("附件",12)
		<div id="test"></div>
	#@colEnd()
</div>
		
<div class="layui-row layui-col-space1 task-row">
	#set(req=true)
	#@colStart("名称",12)
		#@getSelectBySql('query_org','org_name','请选择')
	#@colEnd()
</div>	


2、在js中调用#@formUploadButton(objectId,divId)函数即可,objectId是关联附件用的标识,用于读取上传的附件,objectId为空则默认当前登录用户id。

#define js()
    <script type="text/javascript">
    
         #@formUploadButton('test','test')   
         
    </script>
#end

3、看效果图:

a、未选择文件:

image.png

b、选择了2个文件,其中一个附件已经上传,还有一个未上传:

image.png

c、点击后面的数量,可以查询附件列表信息:

image.png


顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友
扫描二维码加琴海森林为好友