fsLayuiPlugin附件上传使用说明

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技术博客