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