今天有個需求,需要做乙個上傳的裁剪功能,於是我查詢了layui的擴充套件元件,發現了easycropper這個擴充套件外掛程式,文件看似簡單,用起來發現原始碼有點問題,廢了一點心思才弄好資源
layui文件位址
gitee位址
修改easycropper.js中專案位址和css位址
預設 defaultimg 和 大小限制 size預設為1024k(1m) ,使用時可以進行配置
html
class
="layui-form-item"
>
class
="layui-form-label"
>
style
="color
: red
">
*i>
產品:label
>
type
="hidden"
name
="productimg"
id="productimg"
/>
class
="layui-upload"
>
type
="button"
class
="layui-btn"
id="productimgbutton"
>
上傳button
>
class
="layui-upload-list"
>
class
="layui-upload-img"
id="productimgimg"
>
div>
div>
div>
jq**
基於layui檔案上傳元件
基於layui檔案上傳二次封裝,修改layui原始碼實現放棄上傳,確保上傳介面能通,否則不會反顯 該元件支援 檔案上傳,具體使用見文件。layui demo檔案上傳 layui demo examples upload.html demo效果圖 一 檔案上傳元件 1.引入css檔案 2.引入js l...
layui之分頁元件和評分元件
1 基本使用 laypage 致力於提供極致的分頁邏輯,既可輕鬆勝任非同步分頁,也可作為頁面重新整理式分頁。模組載入名稱 laypage view code 2 主要引數 1.elem 指向存放分頁的容器,值可以是容器id dom物件。如 1.elem id 注意 這裡不能加 號 2.elem do...
layui 樹形元件核取方塊
第一步 匯入的layui必須是2.5後的版本,2.5之前的 弄不了 前端 1 這是第一步的搜尋框 通知使用者 2 這是樹形容器,也就是右邊彈出的選擇框確定 以上是頁面 3 然後寫頁面的js,也就是控制樹形核取方塊那些 以上是寫樹形的js,記得到layui2.5之後的layui.js 4 最後寫後台 ...