## layui表格點擊圖片放大
```javascript
,cols: [[ //表頭
{checkbox: true,fixed: true}
,{type: 'numbers', title: 'ID', sort: true,width:80}
,{field: 'product_name', title: '名稱'}
,{field: 'product_description', title: '描述'}
,{
title: '圖片'
,align: "center"
,width:100
,templet: function (d) {
return '<div ><img src="'+d.path+'" alt="" width="50px" height="50px" onclick="showBigImage(this)"></a></div>';
}
}
,{field: 'product_url', title: '鏈接'}
,{field: 'remark', title: '備注'}
,{field: 'created_at', title: '添加時間'}
,{fixed: 'right', width: 220, align:'center', toolbar: '#options'}
]]
```
js
```javascript
/**
* @param e 圖片對象
*/
function showBigImage(e) {
layer.open({
type: 1,
title: false,
closeBtn: 0,
shadeClose: true, //點擊陰影關閉
area: [$(e).width + 'px', $(e).height + 'px'], //寬高
content: "<img src=" + $(e).attr('src') + " />"
});
}
```
- 介紹
- PHP
- 過濾
- 訪問第三方
- 封裝概率
- 將反斜杠轉成正斜杠
- 超長數字運算
- php高級
- 設計模式
- TP筆記
- tp5
- TP
- 時間操作
- 模型
- Base函數
- 字符串數組操作
- 數據庫
- 查詢
- 其它操作
- 文件類操作
- 上傳
- 導出
- 壓縮
- tp6
- 封裝上傳方法
- 瀏覽器下載文件
- deepin踩坑
- mysql安裝相關
- layui
- layui表格操作
- layui表格點擊圖片放大
- layui點擊數據表格添加或刪除一行
- layui表格操作
- lemocms
- html相關
- 按鈕
- js
- crud的js函數
- base相關函數
- layui關閉彈窗層并刷新父窗口
- 表單操作
- h5+js
- layui圖片上傳和預覽
- 多圖上傳
- 自定義
- vscode
- vs更換電腦時,同步配置
- 前端
- vue-admin后臺
- 相關操作
- js相關
- js播報語音
- js監聽頁面掃碼槍
- fastadmin
- fast的js
- Typora
- 數據庫
- MySQL