layui裁剪元件easyCropper的使用記錄

2021-10-18 04:56:52 字數 904 閱讀 9881

今天有個需求,需要做乙個上傳的裁剪功能,於是我查詢了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 最後寫後台 ...