織夢圖集上傳flash控件更改為layui上傳模塊

baishitou — Wed, 17 Jan 2024 06:47:58 +0000

隨著HTML5、CSS3等更先進的技術日趨成熟，慢慢變得落后的Flash就像一個垂暮的老人，逐漸離開網(wǎng)民的視線，2012年，Adobe公司宣布將停止在安卓平臺上繼續(xù)更新Flash插件，轉為開發(fā)HTML5；2015年，Youtube宣布終止使用Flash作為默認設置，而改用HTML5；同年，谷歌Chrome瀏覽器團隊宣布，所有對于網(wǎng)頁內容非至關重要的Flash動畫廣告和內容將禁止自動播放。從2021年1月1日開始,Flash Player將不再獲得來自Adobe的支持?？棄舻膱D集上傳功能使用的是flash控件，安全性也低，而且不能輕松實現(xiàn)多實例多圖集,所以我們就來把它換一換，換成現(xiàn)在比較流行的layui前端框架 - layui上傳模塊。

實現(xiàn)功能：

支持 gbk / utf8編碼織夢程序
支持后臺、前臺、會員接入
支持所有模型接入
支持每個圖片刪除一并刪除圖片文件
支持每個圖片注釋
支持每個圖片排序
支持前臺超級簡單標簽調用每個圖集

動手前，我們得先下載織夢圖集layui上傳模塊

下載后根據(jù)自己網(wǎng)站編碼把文件放到網(wǎng)站根目錄下的include文件夾即可。

實現(xiàn)方法：

1、打開 /dede/templets/album_add.htm 搜索

在它所在的tr標簽下面加入下面代碼：




	
		
			
				 默認圖集：

如下圖所示位置：

2、打開 /dede/templets/album_edit.htm 搜索

在它所在的tr標簽下面加入下面代碼




	
		
			
				 默認圖集：

如下圖所示位置：

3、打開 /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、打開 /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);

內容頁模板調用圖集標簽新寫法

默認圖集
	
	{dede:imagelist}
	
		
		[field:text/]
	
	{/dede:imagelist}


戶型圖片

	{dede:imagelist field="huxing"}
	
		
		[field:text/]
	
	{/dede:imagelist}

特別說明

{dede:imagelist field="huxing"}

field='圖片集字段'

不填的話就是調用圖集默認

如果你嫌上面修改太麻煩，可下載修改好的。

織夢多個圖集多實例教程

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

1、附加表里添加多個圖集字段，例如戶型圖片字段

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

ALTER TABLE dede_addonimages ADD `huxing` text;

注意：dede_addonimages?是默認的圖集模型附加表，注意自己的附加表，千萬別寫錯了。

2、打開 /dede/templets/album_add.htm 搜索

id="imgurls"

在它所在的tr下面加入下面代碼


	
		
			
				 戶型圖片：

添加的地方如下圖所示

繼續(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('
');
	}
	,error: function(){
		//失敗重傳
		
	}
});

如下圖所示位置

3、打開 /dede/templets/album_edit.htm 搜索

id="imgurls"

在它所在的tr下面加入下面代碼


	
		
			
				 戶型圖片：
				
					
				
			
		
	


	
		
			
				
					
						
							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 .= "
";
										}
									}
									echo $fhtml;
								}
								$dtp->Clear();
							}
							?>

如下圖所示位置

繼續(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('
');
	}
	,error: function(){
		//失敗重傳
		
	}
});

如下圖所示位置

4、打開 /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);
	}
}

如下圖所示位置

5、打開 /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);

如下圖所示位置

內容頁調用標簽參考上面的寫法。

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

打開 /dede/album_add.php 搜索

生成文檔ID

在它上面添加下面代碼

//使用layui第一張圖作為縮略圖
if($ddisfirst==1 && $litpic=='')
{
	if(isset($_POST['imgurls']['url'][0]))
	{
		$litpic = $_POST['imgurls']['url'][0];
	}
}

如下圖所示位置

end

国产青青五月天，精品无码免费一区二区三区，亚洲国产精品一区二区第一页免，国产明星裸体无码xxxx视频，亚洲97超碰在线，国产农村一国产农村无码毛片，欧美黄色电影在线免费看，国产自慰一区

織夢圖集上傳flash控件更改為layui上傳模塊

默認圖集

戶型圖片

織夢多個圖集多實例教程

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