亚洲一区3d动漫同人无遮挡,在线亚洲成人,国模精品一区二区三区

演示效果

flash馬上要退出舞臺(tái)了，而織夢(mèng)的圖集上傳功能更使用的就是flash控件，安全性也低，而且不能輕松實(shí)現(xiàn)多實(shí)例多圖集

我們來(lái)把它換一換，換成現(xiàn)在比較流行的layui前端框架 - layui上傳模塊

整合功能

支持 gbk / utf8編碼織夢(mèng)程序

支持后臺(tái)、前臺(tái)、會(huì)員接入

支持所有模型接入

支持每個(gè)圖片刪除一并刪除圖片文件

支持每個(gè)圖片注釋

支持每個(gè)圖片排序

支持前臺(tái)超級(jí)簡(jiǎn)單標(biāo)簽調(diào)用每個(gè)圖集

整合教程

第一步、下載額外所需文件，根據(jù)自己網(wǎng)站編碼

把include里面的"layui"文件夾和"taglib"文件夾放到你網(wǎng)站include文件夾里去

網(wǎng)盤(pán)下載：https://pan.baidu.com/s/1OzfVxlwpPxLd0fJRaOHFIA 提取碼: 2vrv

第二步、為后臺(tái)圖片集模型添加layui上傳模塊，官方原來(lái)的圖集上傳功能保留不動(dòng)

伸手黨可以直接下載這4個(gè)文件替換即可使用(替換之前建議你備份你自己的這4個(gè)文件)

/dede/templets/album_add.htm
/dede/templets/album_edit.htm
/dede/album_add.php
/dede/album_edit.php

本地下載：織夢(mèng)后臺(tái)圖片集模型添加layui上傳模塊4個(gè)文件

網(wǎng)盤(pán)下載：https://pan.baidu.com/s/1F1waRy1V1ZtNhwF3pYz7NQ 提取碼: hysb

如果你的后臺(tái)是layui風(fēng)格的小伙伴，下載這個(gè)

網(wǎng)盤(pán)下載：https://pan.baidu.com/s/1KG9eLKte9yc4pXq0_fsMxQ 提取碼: r18e

伸手黨覆蓋文件后刷新后臺(tái)即可使用，下面的教程可略過(guò)

動(dòng)手黨請(qǐng)看下面教程

1、打開(kāi) /dede/templets/album_add.htm

找到

<div id="thumbnails"></div>

在它所在的tr標(biāo)簽下面加入

<link href="../include/layui/css/layui.css" rel="stylesheet" media="all">

<script src="../include/layui/layui.js" type="text/javascript"></script>

<tr>

<td width="100%" height="24" colspan="4" class="bline">

<table width="800" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="80" height="40"> <b>默認(rèn)圖集：</b></td>

<td><button type="button" class="layui-btn layui-btn-sm layui-btn-normal imgurls"><i class="layui-icon layui-icon-upload"></i>上傳圖片</button></td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="4" class="bline">

<table width='100%'>

<tr>

<td><div class="layui-upload-img"><ul class="layui-upload-list" id="imgurls"></ul></div></td>

</tr>

</table>

</td>

</tr>

<script type="text/javascript">

layui.use('upload', function(){

var $ = layui.jquery

,upload = layui.upload;

// imgurls 圖片上傳

var uploadInst = upload.render({

elem: '.imgurls'

,url: '../include/layui/layuiupload.php'

,multiple: true

,accept: 'images'

,acceptMime: 'image/*'

,done: function(res){

if(res.code == 0){

return layer.msg(res.msg);

}

$('#imgurls').append('<li class="item_img"><div class="operate"><i class="toleft layui-icon layui-icon-left"></i><i class="toright layui-icon layui-icon-right"></i><i class="close layui-icon layui-icon-close-fill" data-id="' + res.id + '"></i></div><img src="' + res.img + '" class="img" ><input type="text" name="imgurls[alt][]" value="" class="layui-input" /><input type="hidden" name="imgurls[url][]" value="' + res.img + '" /><input type="hidden" name="imgurls[uaid][]" value="' + res.id + '" /></li>');

}

,error: function(){

}

});

$("body").on("click",".close",function(){

var id = $(this).data('id');

$.get('../include/layui/layuiupload.php',{'dopost':'del','id':id},function(res){})

$(this).closest("li").remove();

});

$("body").on("click",".layui-upload-img ul li .toleft",function(){

var li_index = $(this).closest("li").index();

if(li_index >= 1){

$(this).closest("li").insertBefore($(this).closest("ul").find("li").eq(Number(li_index)-1));

}

});

$("body").on("click",".layui-upload-img ul li .toright",function(){

var li_index = $(this).closest("li").index();

$(this).closest("li").insertAfter($(this).closest("ul").find("li").eq(Number(li_index)+1));

});

});

</script>

圖解

2、打開(kāi) /dede/templets/album_edit.htm

找到

<div id="thumbnails"></div>

在它所在的tr標(biāo)簽下面加入

<link href="../include/layui/css/layui.css" rel="stylesheet" media="all">

<script src="../include/layui/layui.js" type="text/javascript"></script>

<tr>

<td width="100%" height="24" colspan="4" class="bline">

<table width="800" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="80" height="40"> <b>默認(rèn)圖集：</b></td>

<td><button type="button" class="layui-btn layui-btn-sm layui-btn-normal imgurls"><i class="layui-icon layui-icon-upload"></i>上傳圖片</button></td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="4" class="bline">

<table width='100%'>

<tr>

<td><div class="layui-upload-img"><ul class="layui-upload-list" id="imgurls"></ul></div></td>

</tr>

</table>

</td>

</tr>

<script type="text/javascript">

layui.use('upload', function(){

var $ = layui.jquery

,upload = layui.upload;

// imgurls 圖片上傳

var uploadInst = upload.render({

elem: '.imgurls'

,url: '../include/layui/layuiupload.php'

,multiple: true

,accept: 'images'

,acceptMime: 'image/*'

,done: function(res){

if(res.code == 0){

return layer.msg(res.msg);

}

$('#imgurls').append('<li class="item_img"><div class="operate"><i class="toleft layui-icon layui-icon-left"></i><i class="toright layui-icon layui-icon-right"></i><i class="close layui-icon layui-icon-close-fill" data-id="' + res.id + '"></i></div><img src="' + res.img + '" class="img" ><input type="text" name="imgurls[alt][]" value="" class="layui-input" /><input type="hidden" name="imgurls[url][]" value="' + res.img + '" /><input type="hidden" name="imgurls[uaid][]" value="' + res.id + '" /></li>');

}

,error: function(){

//失敗重傳

}

});

$("body").on("click",".close",function(){

var id = $(this).data('id');

$.get('../include/layui/layuiupload.php',{'dopost':'del','id':id},function(res){})

$(this).closest("li").remove();

});

$("body").on("click",".layui-upload-img ul li .toleft",function(){

var li_index = $(this).closest("li").index();

if(li_index >= 1){

$(this).closest("li").insertBefore($(this).closest("ul").find("li").eq(Number(li_index)-1));

}

});

$("body").on("click",".layui-upload-img ul li .toright",function(){

var li_index = $(this).closest("li").index();

$(this).closest("li").insertAfter($(this).closest("ul").find("li").eq(Number(li_index)+1));

});

});

</script>

圖解

3、打開(kāi) /dede/album_add.php

找到

//加入附加表

在它上面加入

//圖集字段 imgurls

if(is_array($_POST['imgurls']['url']))

{

$my_imgurls = "";

foreach($_POST['imgurls']['url'] as $key => $val)

{

$my_imgurls .= "{dede:img ddimg='$val' text='{$_POST['imgurls']['alt'][$key]}' width='' height='' uaid='{$_POST['imgurls']['uaid'][$key]}'}$val{/dede:img}\r\n";

}

}

$imgurls .= addslashes($my_imgurls);

4、打開(kāi) /dede/album_edit.php 找到

//更新附加表

在它上面加入

//圖集字段 imgurls

if(is_array($_POST['imgurls']['url']))

{

$my_imgurls = "";

foreach($_POST['imgurls']['url'] as $key => $val)

{

$my_imgurls .= "{dede:img ddimg='$val' text='{$_POST['imgurls']['alt'][$key]}' width='' height='' uaid='{$_POST['imgurls']['uaid'][$key]}'}$val{/dede:img}\r\n";

}

}

$imgurls .= addslashes($my_imgurls);

第三步、內(nèi)容頁(yè)模板調(diào)用圖集標(biāo)簽新寫(xiě)法

<h2>默認(rèn)圖集</h2>

<ul>

{dede:imagelist}

<li>

<img src="[field:imgsrc/]" alt="[field:text/]" width="220" height="150">

<p>[field:text/]</p>

</li>

{/dede:imagelist}

</ul>

<h2>戶型圖片</h2>

<ul>

{dede:imagelist field="huxing"}

<li>

<img src="[field:imgsrc/]" alt="[field:text/]" width="220" height="150">

<p>[field:text/]</p>

</li>

{/dede:imagelist}

</ul>

特別說(shuō)明

{dede:imagelist field="huxing"}

field='圖片集字段'

不填的話就是調(diào)用圖集默認(rèn)

織夢(mèng)多個(gè)圖集多實(shí)例教程

在操作下面的教程之前必須確定你已經(jīng)完成上面第一、第二、第三步

第一步、附加表里添加多個(gè)圖集字段，例如戶型圖片字段

后臺(tái)-系統(tǒng)-SQL工具-SQL命令行工具

ALTER TABLE dede_addonimages ADD `huxing` text;

dede_addonimages 是我的圖集模型附加表，注意自己的附加表，千萬(wàn)別寫(xiě)錯(cuò)了

第二步、打開(kāi) /dede/templets/album_add.htm

找到

id="imgurls"

在它所在的tr下面加入

<tr>

<td width="100%" height="24" colspan="4" class="bline">

<table width="800" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="80" height="40"> <b>戶型圖片：</b></td>

<td>

<button type="button" class="layui-btn layui-btn-sm layui-btn-normal huxing">

<i class="layui-icon layui-icon-upload"></i>上傳圖片

</button>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="4" class="bline">

<table width='100%'>

<tr>

<td>

<div class="layui-upload-img">

<ul class="layui-upload-list" id="huxing"></ul>

</div>

</td>

</tr>

</table>

</td>

</tr>

如圖，注意標(biāo)注的地方

繼續(xù)找到

// imgurls 圖片上傳

在它上面加入

// huxing 圖片上傳

var uploadInst = upload.render({

elem: '.huxing'

,url: '../include/layui/layuiupload.php'

,multiple: true

,accept: 'images'

,acceptMime: 'image/*'

,done: function(res){

if(res.code == 0){

return layer.msg(res.msg);

}

$('#huxing').append('<li class="item_img"><div class="operate"><i class="toleft layui-icon layui-icon-left"></i><i class="toright layui-icon layui-icon-right"></i><i class="close layui-icon layui-icon-close-fill" data-id="' + res.id + '"></i></div><img src="' + res.img + '" class="img" ><input type="text" name="huxing[alt][]" value="" class="layui-input" /><input type="hidden" name="huxing[url][]" value="' + res.img + '" /><input type="hidden" name="huxing[uaid][]" value="' + res.id + '" /></li>');

}

,error: function(){

//失敗重傳

}

});

如圖，注意標(biāo)注的地方

第三步、打開(kāi) /dede/templets/album_edit.htm

找到

id="imgurls"

在它所在的tr下面加入

<tr>

<td width="100%" height="24" colspan="4" class="bline">

<table width="800" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="80" height="40"> <b>戶型圖片：</b></td>

<td>

<button type="button" class="layui-btn layui-btn-sm layui-btn-normal huxing">

<i class="layui-icon layui-icon-upload"></i>上傳圖片

</button>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="4" class="bline">

<table width='100%'>

<tr>

<td>

<div class="layui-upload-img">

<ul class="layui-upload-list" id="huxing">

<?php

if($addRow['huxing']!="")

{

$dtp = new DedeTagParse();

$dtp->LoadSource($addRow['huxing']);

if(is_array($dtp->CTags))

{

$fhtml = '';

foreach($dtp->CTags as $ctag)

{

if($ctag->GetName()=="img")

{

$bigimg = trim($ctag->GetInnerText());

$text = trim($ctag->GetAtt('text'),'‘');

$uaid = trim($ctag->GetAtt('uaid'),'‘');

$fhtml .= "<li class=\"item_img\"><div class=\"operate\"><i class=\"toleft layui-icon layui-icon-left\"></i><i class=\"toright layui-icon layui-icon-right\"></i><i class=\"close layui-icon layui-icon-close-fill\" data-id=\"{$uaid}\"></i></div><img src=\"{$bigimg}\" class=\"img\" ><input type=\"text\" name=\"huxing[alt][]\" value=\"{$text}\" class=\"layui-input\" /><input type=\"hidden\" name=\"huxing[url][]\" value=\"{$bigimg}\" /><input type=\"hidden\" name=\"huxing[uaid][]\" value=\"{$uaid}\" /></li>";

}

}

echo $fhtml;

}

$dtp->Clear();

}

?>

</ul>

</div>

</td>

</tr>

</table>

</td>

</tr>

如圖，注意標(biāo)注的字段部分

繼續(xù)找到

// imgurls 圖片上傳

在它上面加入

// huxing 圖片上傳

var uploadInst = upload.render({

elem: '.huxing'

,url: '../include/layui/layuiupload.php'

,multiple: true

,accept: 'images'

,acceptMime: 'image/*'

,done: function(res){

if(res.code == 0){

return layer.msg(res.msg);

}

$('#huxing').append('<li class="item_img"><div class="operate"><i class="toleft layui-icon layui-icon-left"></i><i class="toright layui-icon layui-icon-right"></i><i class="close layui-icon layui-icon-close-fill" data-id="' + res.id + '"></i></div><img src="' + res.img + '" class="img" ><input type="text" name="huxing[alt][]" value="" class="layui-input" /><input type="hidden" name="huxing[url][]" value="' + res.img + '" /><input type="hidden" name="huxing[uaid][]" value="' + res.id + '" /></li>');

}

,error: function(){

//失敗重傳

}

});

如圖，注意標(biāo)注的字段

第四步、打開(kāi) /dede/album_add.php

找到

//生成HTML

在它上面加入

//新增圖集字段 huxing

if(is_array($_POST['huxing']['url']))

{

$huxing = "";

foreach($_POST['huxing']['url'] as $key => $val)

{

$huxing .= "{dede:img ddimg='$val' text='{$_POST['huxing']['alt'][$key]}' width='' height='' uaid='{$_POST['huxing']['uaid'][$key]}'}$val{/dede:img}\r\n";

}

if($huxing)

{

$huxing = addslashes($huxing);

$upquery = "UPDATE `$addtable` SET `huxing`='$huxing' WHERE aid='$arcID' ";

$dsql->ExecuteNoneQuery($upquery);

}

}

如圖，注意標(biāo)注的字段

第五步、打開(kāi) /dede/album_edit.php

找到

//生成HTML

在它上面加入

//新增圖集字段 huxing

$huxing = "";

if(is_array($_POST['huxing']['url']))

{

foreach($_POST['huxing']['url'] as $key => $val)

{

$huxing .= "{dede:img ddimg='$val' text='{$_POST['huxing']['alt'][$key]}' width='' height='' uaid='{$_POST['huxing']['uaid'][$key]}'}$val{/dede:img}\r\n";

}

}

$huxing = addslashes($huxing);

$upquery = "UPDATE `$addtable` SET `huxing`='$huxing' WHERE aid='$id' ";

$dsql->ExecuteNoneQuery($upquery);

如圖，注意標(biāo)注的字段

第六步、內(nèi)容頁(yè)標(biāo)簽新寫(xiě)法參考上面

使用layui第一張圖作為縮略圖

打開(kāi) /dede/album_add.php

找到

生成文檔ID

在它上面加入

//使用layui第一張圖作為縮略圖

if($ddisfirst==1 && $litpic=='')

{

if(isset($_POST['imgurls']['url'][0]))

{

$litpic = $_POST['imgurls']['url'][0];

}

}

圖解

国产视频一区免费看_亚洲精品国产日韩_欧美另类一区_久久综合九色_欧美在线网址_国产精品区一区_欧美另类一区_欧美视频观看一区_99亚洲伊人久久精品影院红桃_欧美精品播放

熱門(mén)推薦

當(dāng)前位置：主頁(yè) > 建站教程 > 織夢(mèng)教程 > 安裝使用 >

織夢(mèng)圖集整合layui可多圖集上傳可會(huì)員多圖集

国产视频一区免费看_亚洲精品国产日韩_欧美另类一区_久久综合九色_欧美在线网址_国产精品区一区_欧美另类一区_欧美视频观看一区_99亚洲伊人久久精品影院红桃_欧美精品播放

熱門(mén)推薦

當(dāng)前位置： 主頁(yè) > 建站教程 > 織夢(mèng)教程 > 安裝使用 >

當(dāng)前位置：主頁(yè) > 建站教程 > 織夢(mèng)教程 > 安裝使用 >