Wie lade ich Wortbilder stapelweise in ueditor hoch?
1. Front-End-Referenzcode
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // DE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "Inhaltstyp" content = "text / html; charset = utf-8" />
<title> Editor Vollversion Beispiel-1.2.6.0 </ title>
<script type = "text / javascript" src = "ueditor.config.js" charset = "utf-8"> </ script>
<script type = "text / javascript" src = "ueditor.all.js" charset = "utf-8"> </ script>
<link type = "text / css" rel = "Stylesheet" href = "WordPaster / css / WordPaster.css" />
<link type = "text / css" rel = "Stylesheet" href = "WordPaster / js / skygqbox.css" />
<scrip ttype = "text / javascript" src = "WordPaster / js / json2.min.js" charset = "utf-8"> </ script>
<scrip ttype = "text / javascript" src = "WordPaster / js / jquery-1.4.min.js" charset = "utf-8"> </ script>
<scrip ttype = "text / javascript" src = "WordPaster / js / WordPaster.js" charset = "utf-8"> </ script>
<scrip ttype = "text / javascript" src = "WordPaster / js / skygqbox.js" charset = "utf-8"> </ script>
</ head>
<body>
<textarea name = "Schlüssel des Hintergrundwerts" id = "myEditor"> Schreiben Sie hier Ihren ursprünglichen Inhalt </ textarea>
<script type = "text / javascript">
var pasterMgr = neuer WordPasterManager ();
pasterMgr.Config ["PostUrl"] = "http: // localhost: 81 / WordPaster2 / WordPasterUEditor1x / php / upload.php"
pasterMgr.Load (); // Steuerelement laden
UE.getEditor ('myEditor', (onready: function () {// Eine Editorinstanz erstellen
pasterMgr.SetEditor (this);
}});
</ script>
</ body>
</ html>
Anfrage
Die Standardanforderung zum Hochladen von Dateien ist eine Datei als Formulardaten mit einem Feld "Hochladen".
Antwort: Die Datei wurde erfolgreich hochgeladen
Die JSON-Antwort, wenn die Datei erfolgreich hochgeladen wurde:
hochgeladen- wird auf 1 gesetzt.
Dateiname - Der Name der hochgeladenen Datei.
url-Die URL der hochgeladenen Datei.
Antwort: Die Datei konnte nicht hochgeladen werden
hochgeladen- wird auf 0 gesetzt.
error.message - Die Fehlermeldung, die dem Benutzer angezeigt werden soll.
2. Der Bildpfad im eingefügten Wort lautet fill: // D. Ich verstehe, dass dieses Format von vielen Browsern, die nicht sicher sind, nicht unterstützt wird.
Das aktuelle Projekt verwendet eine flexible Methode:
Laden Sie zuerst das Wort in den Hintergrund, führen Sie eine Poi-Analyse durch, speichern Sie das Bild, konvertieren Sie das HTML, ersetzen Sie das Bild und zeigen Sie es im Rich-Text-Feld an
(In der Rich-Text-Anzeige befindet sich eine Vertiefung: Es wurde keine Möglichkeit gefunden, dem Rich-Text direkt einen Wert zuzuweisen. Der Datensatz muss zuerst zerstört werden
Erfolg: Funktion (Daten) {
$ ('# content'). attr ('value', data.imagePath);
var editor = CKEDITOR.instances ["content"]; // Der Wert des Attributs "name" Ihres Editors
if (Herausgeber) {
editor.destroy (true); // Zerstöre den Editor
}}
CKEDITOR.replace ('content'); // Ersetze den Editor, editorID ist der Wert des Attributs "id" von ckeditor
$ ("# content"). val (result); // Weisen Sie dem Editor einen Wert zu
//CKEDITOR.instances.contentCkeditor.setData ($ ("# content"). Text ());
}}
3. Empfangen Sie das hochgeladene Bild und speichern Sie es auf dem Server
<? php
ob_start ();
// 201201/10
$ timeDir = Datum ("Ym"). "/". Datum ("d");
$ uploadDir = dirname (__ FILE __). '/ upload /'.$ timeDir;
$ curDomain = "http: //". $ _ SERVER ["HTTP_HOST"]. "/";
// Relativer Pfad http://www.ncmem.com/upload/2012-1-10/
$ relatPath = $ curDomain. "WordPaster2 / WordPasterUEditor1x / php / upload /". $ timeDir. "/";
// Verzeichnis automatisch erstellen. Upload / 2012-1-10
if (! is_dir ($ uploadDir))
{
mkdir ($ uploadDir, 0777, true);
}}
// Wenn die PHP-Seite UTF-8-codiert ist, verwenden Sie bitte URL-Code, um den Dateinamen zu decodieren
// $ fileName = urldecode ($ _ FILES ['postedFile'] ['name']);
// Wenn die PHP-Seite GB2312-codiert ist, kann der Dateiname direkt gelesen werden
$ fileName = $ _FILES ['file'] ['name'];
$ tmpName = $ _FILES ['file'] ['tmp_name'];
// Nimm die Dateierweiterung jpg, gif, bmp, png
$ path_parts = pathinfo ($ fileName);
$ ext = $ path_parts ["Erweiterung"];
$ ext = strtolower ($ ext); // jpg, png, gif, bmp
// Nur das Hochladen von Bildtypdateien erlauben
if ($ ext == "jpg"
|| $ ext == "jpeg"
|| $ ext == "png"
|| $ ext == "gif"
|| $ ext == "bmp")
{
// Jahr_Monat_Tag_Stunde, Minute, Sekunde, Millisekunde.jpg
$ saveFileName = $ fileName;
//xxx/2011_05_05_091250000.jpg
$ savePath = $ uploadDir. "/". $ saveFileName;
// Als neuen Dateinamen speichern
if (! move_uploaded_file ($ tmpName, $ savePath))
{
exit ('Upload-Fehler!'. "Dateiname:". $ fileName. "Pfad speichern:". $ savePath);
}}
}}
// Bildpfad ausgeben
// $ _ SERVER ['HTTP_HOST'] localhost: 81
// $ _ SERVER ['REQUEST_URI'] /FCKEditor2.4.6.1/php/test.php
$ reqPath = str_replace ("upload.php", "", $ _ SERVER ['REQUEST_URI']);
echo $ relatPath. $ saveFileName;
Header ('Inhaltstyp: Text / HTML; Zeichensatz = utf-8');
Header ('Content-Length:' .ob_get_length ());
?>
Zeige Ergebnisse:
Sie müssen es vor der Verwendung konfigurieren. Sie können sich auf diesen Artikel beziehen, den ich geschrieben habe: http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5% 9B% BE% E7% 89% 87 /
Diskussionsgruppe: 223813913