ajax php實(shí)現(xiàn)給fckeditor文本編輯器增加圖片刪除功能
工作需要需要fck編輯器的服務(wù)器瀏覽加個(gè)圖片刪除的功能,我們利用ajax php實(shí)現(xiàn)的有需要的朋友可以參考下。
在fckeditoreditorfilemanagerbrowserdefault文件夾中找到frmresourceslist.html文件,修改代碼如下
oListManager.GetFileRowHtml找到這里,下面代碼替換原來的代碼
oListManager.GetFileRowHtml = function(fileName, fileUrl, fileSize) {
// Build the link to view the folder.
var sLink = '<a href="#" mce_href="#" onclick="OpenFile('' + ProtectPath(fileUrl) + '');return false;">選擇</a>';
// Get the file icon.
var sIcon = oIcons.GetIcon(fileName);
return '<div class="piclist"><img alt="" src="' + fileUrl + '" src2="images/icons/' + sIcon + '.gif" height="100" border="0"><p>' + sLink + ' <a href="#" mce_href="#" onclick="deleteFile('' + ProtectPath(fileUrl) + '');" style="color: #FF9933;" mce_style="color: #FF9933;"> 刪除 </a></p></div>'
}
在加個(gè)
<script type="text/javascript" src="/js/ajaxdel.js"></script>
ajaxdel.js文件
//******************************** 圖片刪除功能 ******************************************
var req; //定義變量,用來創(chuàng)建xmlhttprequest對(duì)象
//產(chǎn)生不重復(fù)的隨機(jī)數(shù)
var rn = Math.ceil(Math.random() * 1000000);
var rnch = rn;
function rndnum() {
while (rn == rnch) rn = Math.ceil(Math.random() * 1000000);
rnch = rn;
return rn;
}
// 刪除文件,Ajax開始
function deleteFile(file) {
var url = "/ajaxpic.php?filePath=" + escape(file) + "&UD=" + rndnum(); //要請(qǐng)求的服務(wù)端地址
if (window.XMLHttpRequest) //非IE瀏覽器及IE7(7.0及以上版本),用xmlhttprequest對(duì)象創(chuàng)建
{
req = new XMLHttpRequest();
}
else if (window.ActiveXObject) //IE(6.0及以下版本)瀏覽器用activexobject對(duì)象創(chuàng)建,如果用戶瀏覽器禁用了ActiveX,可能會(huì)失敗.
{
req = new ActiveXObject("Microsoft.XMLHttp");
}
if (req) //成功創(chuàng)建xmlhttprequest
{
req.open("GET", url, true); //與服務(wù)端建立連接(請(qǐng)求方式post或get,地址,true表示異步)
req.onreadystatechange = callback; //指定回調(diào)函數(shù)
req.send(null); //發(fā)送請(qǐng)求
}
}
function callback() {
if(req.responseText ==1 )
{
alert('刪除成功!');
Refresh();
}
else
{
alert('刪除失敗!');
}//刷新一下
}
ajaxpic.php文件 保存成ajaxpic.php
<?
$root = dirname( __FILE__ );
$filePath = isset( $_GET['filePath'] ) ?$_GET['filePath']:'';
if( unlink( $root.$filePath) )
{
echo '1';
}
else
{
echo '0';
}
?>
欄 目:網(wǎng)頁(yè)編輯器
下一篇:ueditor1.2.1修改超鏈接默認(rèn)值,ueditor編輯器新窗口打開連接
本文標(biāo)題:ajax php實(shí)現(xiàn)給fckeditor文本編輯器增加圖片刪除功能
本文地址:http://mengdiqiu.com.cn/a1/wangyebianjiqi/11800.html


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 01-11針對(duì)PHP環(huán)境下Fckeditor編輯器上傳圖片
- 01-11關(guān)于jsp版ueditor1.2.5的部分問題解決(上
- 01-11UEditor編輯器自定義上傳圖片或文件路
- 01-11UEditor 編輯器跨域上傳解決方法
- 01-11免費(fèi)開源百度編輯器(UEditor)使用方法
- 01-11ckeditor插件開發(fā)簡(jiǎn)單實(shí)例
- 01-11使用ZeroClipboard解決跨瀏覽器復(fù)制到剪
- 01-11CKEditor 取消轉(zhuǎn)義的兩種方法
- 01-11FCKeditor + SyntaxHighlighter 讓代碼高亮著
- 01-11為SyntaxHighlighter添加新語(yǔ)言的方法
隨機(jī)閱讀
- 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子
- 04-02jquery與jsp,用jquery
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
- 01-10delphi制作wav文件的方法
- 01-10C#中split用法實(shí)例總結(jié)
- 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什