国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

ホームページ バックエンド開発 PHPチュートリアル PHP版ではUEditorのオンライン畫像管理欄に畫像削除機能を追加

PHP版ではUEditorのオンライン畫像管理欄に畫像削除機能を追加

Jun 13, 2016 pm 12:01 PM
function path quot style var

php バージョンでは、UEditor のオンライン畫像管理列に畫像削除機能を追加します

1. udior/dialogs/image/image.js ファイルを見つけて、コードの変更部分を追加します:

/** * tab點擊處理事件 * @param tabHeads * @param tabBodys * @param obj*/function clickHandler(tabHeads, tabBodys, obj) {    //head樣式更改    for (var k = 0,    len = tabHeads.length; k < len; k++) {        tabHeads[k].className = "";    }    obj.className = "focus";    //body顯隱    var tabSrc = obj.getAttribute("tabSrc");    for (var j = 0,    length = tabBodys.length; j < length; j++) {        var body = tabBodys[j],        id = body.getAttribute("id");        body.onclick = function() {            this.style.zoom = 1;        };        if (id != tabSrc) {            body.style.zIndex = 1;        } else {            body.style.zIndex = 200;            //當(dāng)切換到本地圖片上傳時,隱藏遮罩用的iframe            if (id == "local") {                toggleFlash(true);                maskIframe.style.display = "none";                //處理確定按鈕的狀態(tài)                if (selectedImageCount) {                    dialog.buttons[0].setDisabled(true);                }            } else {                toggleFlash(false);                maskIframe.style.display = "";                dialog.buttons[0].setDisabled(false);            }            var list = g("imageList");            list.style.display = "none";            //切換到圖片管理時,ajax請求后臺圖片列表            if (id == "imgManager") {                list.style.display = "";                //已經(jīng)初始化過時不再重復(fù)提交請求                if (!list.children.length) {                    ajax.request(editor.options.imageManagerUrl, {                        timeout: 100000,                        action: "get",                        onsuccess: function(xhr) {                            //去除空格                            var tmp = utils.trim(xhr.responseText),                            imageUrls = !tmp ? [] : tmp.split("ue_separate_ue"),                            length = imageUrls.length;                            g("imageList").innerHTML = !length ? "  " + lang.noUploadImage: "";                            for (var k = 0,ci; ci = imageUrls[k++];) {                                //Add Start===============================                                 var div = document.createElement("div");                                var img = document.createElement("img");                                var del = document.createElement("img");                                var p = document.createElement("p");                                div.appendChild(img);                                div.appendChild(p);                                p.appendChild(del);                                div.style.display = "none";                                img.style.height = "100px";                                img.style.width = "100px";                                del.setAttribute("src", "images/del.png");                                p.style.marginTop = "-104px";                                p.style.marginLeft = "90px";                                g("imageList").appendChild(div);                                img.onclick = function() {                                    changeSelected(this);                                };                                del.onclick = function() {                                    var me = this,                                    src = me.getAttribute("alt", 2);                                    var pic = me.parentNode.parentNode.childNodes[0];                                    if (!confirm("刪除操作不可恢復(fù),您確認(rèn)要刪除本圖片么?")) return;                                    ajax.request(editor.options.imageManagerUrl, {                                        action: "del",                                        fileName: src.substr(src.lastIndexOf("/") + 1),                                        onsuccess: function(xhr) {                                            me.parentNode.parentNode.removeChild(pic);                                            me.parentNode.removeChild(me);                                        },                                        onerror: function(xhr) {                                            alert("服務(wù)器刪除圖片失敗,請重試!");                                        }                                    });                                };                                //Add End================================ 									                                img.onload = function() {                                    this.parentNode.style.display = "";                                    var w = this.width,                                    h = this.height;                                    scale(this, 100, 120, 80);                                    this.title = lang.toggleSelect + w + "X" + h;                                    this.onload = null;                                };                                img.setAttribute(k < 35 ? "src": "lazy_src", editor.options.imageManagerPath + ci.replace(/\s+|\s+/ig, ""));                                img.setAttribute("title", editor.options.imageManagerPath + ci.replace(/\s+|\s+/ig, ""));                                img.setAttribute("width", "100px");                                img.setAttribute("height", "100px");                                del.onload = function() { //設(shè)置加載del圖片時的樣式                                    this.style = "border:0";                                    this.onload = null;                                };                                del.setAttribute("alt", editor.options.imageManagerPath + ci.replace(/\s+|\s+/ig, ""));                            }                        },                        onerror: function() {                            g("imageList").innerHTML = lang.imageLoadError;                        }                    });                }            }            if (id == "imgSearch") {                selectTxt(g("imgSearchTxt"));            }            if (id == "remote") {                $focus(g("url"));            }        }    }}

uedior/php/imageManager.php ファイルを見つけて、次の內(nèi)容を追加します:

if ($action == "del") {    $fileName = $_POST['fileName'];    foreach($paths as $path) {        $str1 = delfiles($fileName, $path);        break;    }}function delfiles($fileName, $path, &$files = array()) {    if (!is_dir($path)) return null;    $handle = opendir($path);    while (false !== ($file = readdir($handle))) {        if ($file != '.' && $file != '..') {            $path2 = $path.'/'.$file;            if (is_dir($path2)) {                delfiles($fileName, $path2, $files);            } else {                if (preg_match("/\.(gif|jpeg|jpg|png|bmp)$/i", $file)) {                    $path3 = str_replace('../../', '/static/', $path2);                    $fileImg = basename($path3);                    if ($fileImg == $fileName) {                        $is_del = unlink($path2);                    }                }            }        }    }}





このウェブサイトの聲明
この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡(luò)ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脫衣畫像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

寫真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中國語版

SublimeText3 中國語版

中國語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

element.styleの変更方法 element.styleの変更方法 Nov 24, 2023 am 11:15 AM

element.style で要素を変更するメソッド: 1. 要素の背景色を変更する; 2. 要素のフォント サイズを変更する; 3. 要素の境界線のスタイルを変更する; 4. 要素のフォント スタイルを変更する; 5要素の水平方向の配置を変更します。詳細(xì)な紹介: 1. 要素の背景色を変更します。構(gòu)文は "document.getElementById("myElement").style.backgroundColor = "red";"; 2. 要素のフォント サイズなどを変更します。

Linux システムの PATH 環(huán)境変數(shù)を設(shè)定する手順 Linux システムの PATH 環(huán)境変數(shù)を設(shè)定する手順 Feb 18, 2024 pm 05:40 PM

Linux システムで PATH 環(huán)境変數(shù)を設(shè)定する方法 Linux システムでは、PATH 環(huán)境変數(shù)を使用して、システムがコマンド ラインで実行可能ファイルを検索するパスを指定します。 PATH 環(huán)境変數(shù)を正しく設(shè)定すると、任意の場所でシステム コマンドやカスタム コマンドを?qū)g行できるようになります。この記事では、Linux システムで PATH 環(huán)境変數(shù)を設(shè)定する方法と詳細(xì)なコード例を紹介します?,F(xiàn)在の PATH 環(huán)境変數(shù)を表示する ターミナルで次のコマンドを?qū)g行して、現(xiàn)在の PATH 環(huán)境変數(shù)を表示します: echo$P

機能とはどういう意味ですか? 機能とはどういう意味ですか? Aug 04, 2023 am 10:33 AM

ファンクションとは、関數(shù)を意味します。これは、特定の関數(shù)を備えた再利用可能なコード ブロックです。プログラムの基本コンポーネントの 1 つです。入力パラメータを受け取り、特定の操作を?qū)g行し、結(jié)果を返すことができます。その目的は、再利用可能なコード ブロックをカプセル化することです。コードの再利用性と保守性を向上させるコード。

React でスタイルを動的に変更する方法 React でスタイルを動的に変更する方法 Dec 28, 2022 am 10:44 AM

スタイルを動的に変更するためのメソッド: 1. "<div className='scroll-title clear-fix' ref={ this.manage }>" のような構(gòu)文を使用して、スタイルを変更する必要がある要素に ref を追加します。 . 動的制御による 狀態(tài)の変化により要素のスタイルが変更される; 3. DOM 內(nèi)で JS コードを使用することで、異なる DOM の表示と非表示の遷移が実現(xiàn)されます。

Vue3 スタイルの新機能とその使用方法について Vue3 スタイルの新機能とその使用方法について May 14, 2023 pm 10:52 PM

スタイルの新機能 Vue3.2 バージョンでは、ローカル スタイル、CSS 変數(shù)、テンプレートに公開されるスタイルなど、単一ファイル コンポーネントのスタイルに多くのアップグレードが行われました。 (學(xué)習(xí)ビデオ共有: vue ビデオ チュートリアル) 1. ローカル スタイル ラベルにscopedattribute がある場合、その CSS は現(xiàn)在のコンポーネントの要素にのみ適用されます: hi.example{color:red;} 2. 深さセレクターはスコープされます。スタイル內(nèi)のセレクターがより「深い」選択を行いたい場合、つまりサブコンポーネントに影響を與える場合は、:deep() 疑似クラス: .a:deep(.b){/*...* を使用できます。 / }v-html を通じて作成された DOM コンテンツは、

パス環(huán)境変數(shù)を設(shè)定する方法 パス環(huán)境変數(shù)を設(shè)定する方法 Sep 04, 2023 am 11:53 AM

パス環(huán)境変數(shù)を設(shè)定する方法: 1. Windows システムでは、[システムのプロパティ] を開き、[プロパティ] オプションをクリックし、[システムの詳細(xì)設(shè)定] をクリックし、[システムのプロパティ] ウィンドウで [詳細(xì)] タブを選択します。 「環(huán)境変數(shù)」ボタンをクリックし、「パス」を見つけてクリックして編集し、保存します。 2. Linux システムの場合は、ターミナルを開き、bash 構(gòu)成ファイルを開き、ファイルの最後に「export PATH=$PATH: file path」を追加します。ファイルを保存して保存します; 3. MacOS システムの場合、操作は上記と同じです。

Vue エラー: v-bind を使用してクラスとスタイルを正しくバインドできません。解決方法は? Vue エラー: v-bind を使用してクラスとスタイルを正しくバインドできません。解決方法は? Aug 26, 2023 pm 10:58 PM

Vue エラー: v-bind を使用してクラスとスタイルを正しくバインドできません。解決方法は? Vue 開発では、v-bind 命令を使用してクラスとスタイルを動的にバインドすることがよくありますが、v-bind を正しく使用してクラスとスタイルをバインドできないなどの問題が発生することがあります。この記事では、この問題の原因と解決策を説明します。まず、v-bind ディレクティブを理解しましょう。 v-bind は V をバインドするために使用されます

Windows 11でオーディオサービスが応答しない問題を修正する18の方法 Windows 11でオーディオサービスが応答しない問題を修正する18の方法 Jun 05, 2023 pm 10:23 PM

オーディオ出力と入力が Windows 11 で期待どおりに動作するには、特定のドライバーとサービスが必要です。これらは場合によってはバックグラウンドでエラーが発生し、オーディオ出力がない、オーディオ デバイスが見つからない、オーディオが歪むなどのオーディオの問題を引き起こすことがあります。 Windows 11 でオーディオ サービスが応答しない問題を修正する方法 以下で説明する修正プログラムから始めて、問題を解決できるまでリストを順に進めていくことをお勧めします。 Windows 11 では、さまざまな理由でオーディオ サービスが応答しなくなる可能性があります。このリストは、Windows 11 でオーディオ サービスの応答を妨げるほとんどの問題を確認(rèn)し、修正するのに役立ちます。プロセスを進めるには、以下の関連セクションに従ってください。方法 1: オーディオ サービスを再起動します。

See all articles