ProcessWire Upload Formular mit AJAX - Versionsgeschichte

37.49.72.8 am 15. Februar 2019 um 11:14 Uhr

2019-02-15T11:14:39Z

2019-02-12T10:50:42Z

2019-02-12T10:22:13Z

2019-02-12T10:21:23Z

2019-02-11T12:53:07Z

2019-02-11T09:53:24Z

Schritt 1 - Formular anpassen

2019-02-11T09:53:10Z

Schritt 1 - Formular anpassen

2019-02-11T09:52:19Z

2019-02-11T09:13:49Z

Die Seite wurde neu angelegt: „Basiert auf dem Beispiel in diesem Artikel ProcessWire Upload Formular“

Neue Seite

Basiert auf dem Beispiel in diesem Artikel
[[ProcessWire Upload Formular]]

@@ Zeile 3: / Zeile 3: @@
 Siehe auch:
   [[JQuery - AJAX]]
   [[jQuery - FormData Objekt (AJAX)]]

← Nächstältere Version		Version vom 12. Februar 2019, 10:50 Uhr
Zeile 570:		Zeile 570:

	</syntaxhighlight>		</syntaxhighlight>
		+
		+	== Helferlein ==
		+	=== Aufräumen von Temporären Files ===
		+	Durch fehlgelaufene Skripts können sich im temporären Verzeichnis alte Dateien ansammeln. Mit einem Cronjob oder auch bei jedem Anlegen einer neuen Seite, könnte man z.B. ältere Dateien löschen.
		+	<syntaxhighlight lang="php">
		+	/*
		+	* Delete older files (default 86400s = 24h)- use regularly
		+	* string $dir - path to files
		+	* int $seconds - all files older then $seconds
		+	* string $fileExtension only files with this extension (i.e. .jpg)
		+	*/
		+	function deleteOlderFiles( $dir='temp/', $seconds=86400, $fileExtension='' ){
		+	foreach (glob($dir."*".$fileExtension) as $file) {
		+	//For jpg images this would be: glob($dir."*.jpg")
		+	if(time() - filectime($file) > $seconds){
		+	unlink($file);
		+	}
		+	}
		+	}
		+	</syntaxhighlight>
		+
		+	=== Alte Seiten löschen ===
		+	Auch die angelegten Seiten sollte man nach einer gewissen Zeit löschen. Nicht nur um den Server zu schonen, sondern auch aus Datenschutzgründen.
		+
		+	TODO

@@ Zeile 6: / Zeile 6: @@
   [[jQuery - FormData Objekt (AJAX)]]
 Wir erweitern das Beispiel folgendermaßen:
 * Formulardaten über jQuery AJAX Funktionen abschicken

@@ Zeile 4: / Zeile 4: @@
 Siehe auch:
   [[JQuery - AJAX]]
 Wir erweitern das Beispiel folgendermaßen:

@@ Zeile 16: / Zeile 16: @@
    <div class="message-box" style="display:none;"></div>
 </div>
-</sytaxhighlight>
+</syntaxhighlight>
 * JavaScript Datei für AJAX Versand hinzufügen

@@ Zeile 11: / Zeile 11: @@
 == Schritt 1 - Formular anpassen ==
 * Unsichtbare Box für evtl. Fehlermeldungen direkt unter dem Submit Button.
 <syntaxhighlight lang="html5">
 <div class="row">
@@ Zeile 16: / Zeile 17: @@
 </div>
 </sytaxhighlight>
 * JavaScript Datei für AJAX Versand hinzufügen
 <pre>
 $additionalFooterData .= '
@@ Zeile 23: / Zeile 26: @@
 </pre>
-== Schritt 1 - AJAX Versand ==
+== Schritt 2 - AJAX Verarbeiten ==
 main.js
 <syntaxhighlight lang="javascript">
 </syntaxhighlight>

← Nächstältere Version		Version vom 11. Februar 2019, 09:52 Uhr
Zeile 1:		Zeile 1:
	Basiert auf dem Beispiel in diesem Artikel		Basiert auf dem Beispiel in diesem Artikel
	[[ProcessWire Upload Formular]]		[[ProcessWire Upload Formular]]
		+
		+	Siehe auch:
		+	[[JQuery - AJAX]]
		+
		+	Wir erweitern das Beispiel folgendermaßen:
		+	* Formulardaten über jQuery AJAX Funktionen abschicken
		+	* ProcessWire AJAX Antwort verarbeiten
		+
		+	== Schritt 1 - Formular anpassen ==
		+	* Unsichtbare Box für evtl. Fehlermeldungen direkt unter dem Submit Button.
		+	<syntaxhighlight lang="html5">
		+	<div class="row">
		+	<div class="message-box" style="display:none;"></div>
		+	</div>
		+	</sytaxhighlight>
		+	* JavaScript Datei für AJAX Versand hinzufügen
		+	<pre>
		+	$additionalFooterData .= '
		+	<script src="'.urls()->templates.'partials/basic-upload-ajax/main.js"></script>
		+	';
		+	</pre>
		+
		+	== Schritt 1 - AJAX Versand ==
		+	main.js
		+	<syntaxhighlight lang="javascript">
		+
		+	</syntaxhighlight>