ajax php實現給fckeditor文本編輯器增加圖片刪除功能
工作需要需要fck編輯器的服務器瀏覽加個圖片刪除的功能,我們利用ajax php實現的有需要的朋友可以參考下。
在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>'
}
在加個
<script type="text/javascript" src="/js/ajaxdel.js"></script>
ajaxdel.js文件
//******************************** 圖片刪除功能 ******************************************
var req; //定義變量,用來創(chuàng)建xmlhttprequest對象
//產生不重復的隨機數
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(); //要請求的服務端地址
if (window.XMLHttpRequest) //非IE瀏覽器及IE7(7.0及以上版本),用xmlhttprequest對象創(chuàng)建
{
req = new XMLHttpRequest();
}
else if (window.ActiveXObject) //IE(6.0及以下版本)瀏覽器用activexobject對象創(chuàng)建,如果用戶瀏覽器禁用了ActiveX,可能會失敗.
{
req = new ActiveXObject("Microsoft.XMLHttp");
}
if (req) //成功創(chuàng)建xmlhttprequest
{
req.open("GET", url, true); //與服務端建立連接(請求方式post或get,地址,true表示異步)
req.onreadystatechange = callback; //指定回調函數
req.send(null); //發(fā)送請求
}
}
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';
}
?>
欄 目:網頁編輯器
下一篇:ueditor1.2.1修改超鏈接默認值,ueditor編輯器新窗口打開連接
本文標題:ajax php實現給fckeditor文本編輯器增加圖片刪除功能
本文地址:http://www.jygsgssxh.com/a1/wangyebianjiqi/11800.html
您可能感興趣的文章


閱讀排行
本欄相關
- 01-11針對PHP環(huán)境下Fckeditor編輯器上傳圖片
- 01-11關于jsp版ueditor1.2.5的部分問題解決(上
- 01-11UEditor編輯器自定義上傳圖片或文件路
- 01-11UEditor 編輯器跨域上傳解決方法
- 01-11免費開源百度編輯器(UEditor)使用方法
- 01-11ckeditor插件開發(fā)簡單實例
- 01-11使用ZeroClipboard解決跨瀏覽器復制到剪
- 01-11CKEditor 取消轉義的兩種方法
- 01-11FCKeditor + SyntaxHighlighter 讓代碼高亮著
- 01-11為SyntaxHighlighter添加新語言的方法
隨機閱讀
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 04-02jquery與jsp,用jquery
- 08-05dedecms(織夢)副欄目數量限制代碼修改
- 01-10delphi制作wav文件的方法
- 01-10C#中split用法實例總結
- 01-11ajax實現頁面的局部加載
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10SublimeText編譯C開發(fā)環(huán)境設置
- 08-05織夢dedecms什么時候用欄目交叉功能?
- 08-05DEDE織夢data目錄下的sessions文件夾有什


