fsLayuiPlugin 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。
GitHub下载 码云下载
测试环境地址:http://fslayui.itcto.cn

附件上传基于 form表单操作 ,请先参考form表单 fsLayuiPlugin数据表格弹出form表单使用说明

上传配置

上传附件需要配置一个input输入框和buttion按钮
通过选择按钮弹出上传窗口
上传接口url地址需要在 fsConfig.js 中配置,点击进入

<div class="layui-form-item layui-form-text">
<label class="layui-form-label">附件</label>
<div class="layui-input-inline">
<input type="text" id="filePath" name="filePath" autocomplete="off" disabled="disabled" class="layui-input"/>
</div>
<div class="layui-input-inline">
<button type="button" class="layui-btn" function="upload" fileElem="#filePath" fileAccept="file" fileExts="" fileSize="1024" inputs="type:test">上传图片</button>
</div>
</div>

buttion属性配置
详细配置可以参考官方配置 http://www.layui.com/doc/modules/upload.html#options

属性 必输 默认值 名称 描述
function 方法名称 上传必须写 upload
fileElem 指向容器选择器 如:elem: '#id'。也可以是DOM对象,主要上传成功后,填充上传后的地址
fileAccept images 指定允许上传的文件类型 可选值有:images(图片)、file(所有文件)、video(视频)、audio(音频)
fileExts 允许上传的文件后缀 一般结合 accept 参数类设定。假设 accept 为 file 类型时,那么你设置 exts: 'zip|rar|7z' 即代表只允许上传压缩格式的文件。如果 accept 未设定,那么限制的就是图片的文件格式
fileSize 0 设置文件最大可允许上传的大小 单位 KB。不支持ie8/9,默认不限制
inputs 参数 自定义需要传入的参数

inputs参数说明
此属性主要为了传参

  1. 把当前选中的行id传入请求,可以配置 id:
  2. 传入固定的指,可以配置 属性:值 ,示例: state:1
  3. 传入的参数取某一个输入框的值,可以配置 属性:#输入框id ,示例:name:#name
  4. 需要传多个参数直接通过 逗号 分割,示例: id:,state:1

效果图

本文首发于我的博客:ITCTO技术博客

最新文章

  1. 将“早期版本的Windows”改名
  2. Java 使用jaxp修改节点
  3. linux笔记:linux常用命令-用户管理命令
  4. CSS控制文本自动换行
  5. leetcode刷题笔记
  6. 物联网操作系统Hello China V1.76(PC串口版)版本发布
  7. pageX,clientX,offsetX,layerX的区别
  8. oracle学习总结4
  9. PYTHON简介及安装
  10. 【Swift】iOS导航栏错乱的原因
  11. 混淆矩阵、准确率、精确率/查准率、召回率/查全率、F1值、ROC曲线的AUC值
  12. [洛谷P1273] 有线电视网
  13. nunit单元测试详解
  14. 【python】python读写文件,都不乱码
  15. h.264 x.264
  16. 【转载】TypeScript学习笔记——var与let
  17. 一个C#操作Excel类,功能比较全
  18. USB入门
  19. 打开Office2007弹出“向程序发送命令时出现问题” 解决方案
  20. CSS基础知识:常见选择器示例

热门文章

  1. github 远程仓库名或地址修改,本地如何同步
  2. stm32 窗口看门狗 WWDG
  3. 阿里高级架构师教你使用Spring Cloud Sleuth跟踪微服务
  4. springmvc模式下的上传和下载
  5. 【Day5】3.反爬策略之模拟登录
  6. MySQL5.7安装详解及常见安装问题解决
  7. 论文笔记:Deformable ConvNets v2: More Deformable, Better Results
  8. Hibernate初探之单表映射——使用Junit进行测试
  9. JAVA遇见HTML——Servlet篇:Servlet基础
  10. IntelliJ IDEA 生成类注释和方法注释