ProcessWire - File Upload mit Blueimp jQueryFileUpload - Versionsgeschichte

Steff: /* Zusätzliche Optionen */

2019-02-08T16:01:48Z

Zusätzliche Optionen

Steff: /* Implementierung im Frontend Template */

2019-02-08T15:15:35Z

Implementierung im Frontend Template

Steff: /* Optionen */

2019-02-08T15:12:35Z

Optionen

Steff: /* Implementierung im Frontend Template */

2019-02-08T14:50:58Z

Implementierung im Frontend Template

Steff am 8. Februar 2019 um 12:02 Uhr

2019-02-08T12:02:20Z

Steff am 8. Februar 2019 um 11:56 Uhr

2019-02-08T11:56:33Z

Steff: /* Implementierung im Frontend Template */

2019-02-08T10:52:41Z

Implementierung im Frontend Template

Steff am 8. Februar 2019 um 10:43 Uhr

2019-02-08T10:43:22Z

Steff: Die Seite wurde neu angelegt: „ https://github.com/blueimp/jQuery-File-Upload https://github.com/kongondo/JqueryFileUpload“

2019-02-07T12:38:05Z

Die Seite wurde neu angelegt: „ https://github.com/blueimp/jQuery-File-Upload https://github.com/kongondo/JqueryFileUpload“

Neue Seite

https://github.com/blueimp/jQuery-File-Upload
https://github.com/kongondo/JqueryFileUpload

@@ Zeile 111: / Zeile 111: @@
 Options
-JqueryFileUpload implements all the options that come with the jQuery File Upload plugin. In addition, it includes the following custom server-side options:
+JqueryFileUpload implements all the options that come with the jQuery File Upload plugin.
 * showUploaded: Whether to show uploaded files (default is false).

@@ Zeile 9: / Zeile 9: @@
   JqueryFileUpload
-== Implementierung im Frontend Template ==
+== Upload Formular im Frontend Template ==
 Das Modul kann den kompletten benötigten Markup liefern oder auch nur Teile davon. Man kann also auch das HTML Markup selbst einfügen. Auf den ersten Blick sieht es so aus, als ob auch Sprachlabel angelegt sind, so kann man die Multilanguage Funktionaliät von ProcessWire nutzen.
@@ Zeile 74: / Zeile 74: @@
 $jfuMarkup .= $jfu->render($options);
 </syntaxhighlight>
 == Optionen ==

@@ Zeile 77: / Zeile 77: @@
 == Optionen ==
 Das Modul unterstützt alle Client Optionen und zusätzlich ein paar Serverseitige Optionen.
 === Blueimp jQuery File Upload Optionen ===

@@ Zeile 58: / Zeile 58: @@
 // Optionen für das Modul konfigurieren
 $options = array(
-	// useful for allowing uploads to one group of users and not the other (e.g. registered versus non-registered)
+	// Hier kann man z.B. für verschiedene Usergruppen unterschiedliche Dinge erlauben (e.g. registered versus non-registered)
 	// for security, we also pass this option to processJFUAjax($options) to reject any upload attempts
 	//'disableUploads' => true,
@@ Zeile 71: / Zeile 71: @@
 $additionalFooterData .=  $jfu->renderJFUScripts(array('noIframeTransport', 'noAudioPreview', 'noVideoPreview'));
-// echo the file widget's markup using the render() method and passing to it any options we set earlier
+// Widget Markup ausgeben
 $jfuMarkup .= $jfu->render($options);
 </syntaxhighlight>
 == Optionen ==
 Das Modul unterstützt alle Client Optionen und zusätzlich ein paar Serverseitige Optionen.

@@ Zeile 40: / Zeile 40: @@
 ==== 4. jQuery File Upload konfigurieren und Markup ausgeben ====
 //  Optionen für das jQuery Plugin wenn gewünscht überschreiben
 $jfuOptions = array(

@@ Zeile 1: / Zeile 1: @@
   https://github.com/blueimp/jQuery-File-Upload
   https://github.com/kongondo/JqueryFileUpload
@@ Zeile 11: / Zeile 12: @@
 Das Modul kann den kompletten benötigten Markup liefern oder auch nur Teile davon. Man kann also auch das HTML Markup selbst einfügen. Auf den ersten Blick sieht es so aus, als ob auch Sprachlabel angelegt sind, so kann man die Multilanguage Funktionaliät von ProcessWire nutzen.
-=== 1. Modul Initialisieren ===
+Wir gehen hier davon aus, das wir die den Markup für die Verwendung im Template zuerst mal in $jfuMarkup speichern. So können wir es später einfach über echo $jfuMarkup ausgeben. Zusätzlich haben wir noch ein paar Skripte die wir falls nicht schon vorhanden ausgeben müssen.
 <syntaxhighlight lang="php">
 $jfu = $modules->get('JqueryFileUpload');
 </syntaxhighlight>
-=== AJAX Requests konfigurieren ===
+=== 3. AJAX Requests konfigurieren ===
-Das Plugin kann über AJAX mit dem Server (und dem Plugin) kommunizieren. Was es dabei darf und was nicht kann man hier einstellen.
+Das Plugin kann über AJAX mit dem Server (und dem Plugin) kommunizieren. Was es dabei darf und was nicht kann man hier einstellen. Die Default Einstellung ist recht restriktiv.
 <syntaxhighlight lang="php">
@@ Zeile 27: / Zeile 35: @@
 		//'disableUploads' => true// disable uploads @note: matches similar setting in render()
 	);
 </syntaxhighlight>
 == Optionen ==
 Das Modul unterstützt alle Client Optionen und zusätzlich ein paar Serverseitige Optionen.
@@ Zeile 68: / Zeile 111: @@
 *     useCustomScript: Same as above; not to output the module's main Javascript file JqueryFileUpload.js to instead use your own.
 *     useCustomStyle: Same as above; not to output the module's main CSS file JqueryFileUpload.css to instead use your own.

@@ Zeile 11: / Zeile 11: @@
 Das Modul kann den kompletten benötigten Markup liefern oder auch nur Teile davon. Man kann also auch das HTML Markup selbst einfügen. Auf den ersten Blick sieht es so aus, als ob auch Sprachlabel angelegt sind, so kann man die Multilanguage Funktionaliät von ProcessWire nutzen.
 <syntaxhighlight lang="php">
 $jfu = $modules->get('JqueryFileUpload');
-if ($config->ajax) {// AJAX handeln falls nötig
+if ($config->ajax) {// Als erstes AJAX handeln
 	// server-side options to send to the ajax handler
 	$ajaxOptions = array(
@@ Zeile 23: / Zeile 29: @@
 </syntaxhighlight>
 == Optionen ==

← Nächstältere Version		Version vom 8. Februar 2019, 10:43 Uhr
Zeile 1:		Zeile 1:
	https://github.com/blueimp/jQuery-File-Upload		https://github.com/blueimp/jQuery-File-Upload
	https://github.com/kongondo/JqueryFileUpload		https://github.com/kongondo/JqueryFileUpload
		+
		+	Das Modul kann Blueimp jQuery File Upload einbinden und über ProcessWire Funktionen zugänglich machen.
		+
		+	== Installation ==
		+	Über den Modulinstaller und den Modulklassennamen
		+	JqueryFileUpload
		+
		+	== Implementierung im Frontend Template ==
		+	Das Modul kann den kompletten benötigten Markup liefern oder auch nur Teile davon. Man kann also auch das HTML Markup selbst einfügen. Auf den ersten Blick sieht es so aus, als ob auch Sprachlabel angelegt sind, so kann man die Multilanguage Funktionaliät von ProcessWire nutzen.
		+
		+	<syntaxhighlight lang="php">
		+	$jfu = $modules->get('JqueryFileUpload');
		+
		+	if ($config->ajax) {// AJAX handeln falls nötig
		+	// server-side options to send to the ajax handler
		+	$ajaxOptions = array(
		+	'uploadsDeletable' => 1,// disable attempts to delete upload (default)
		+	'showUploaded' => 1,// don't send back response listing uploads
		+	//'disableUploads' => true// disable uploads @note: matches similar setting in render()
		+	);
		+
		+	</syntaxhighlight>
		+
		+
		+	== Optionen ==
		+	Das Modul unterstützt alle Client Optionen und zusätzlich ein paar Serverseitige Optionen.
		+
		+	=== Blueimp jQuery File Upload Optionen ===
		+	https://github.com/blueimp/jQuery-File-Upload/wiki/Options#image-preview--resize-options
		+
		+	=== Zusätzliche Optionen ===
		+	Options
		+
		+	JqueryFileUpload implements all the options that come with the jQuery File Upload plugin. In addition, it includes the following custom server-side options:
		+
		+
		+	* showUploaded: Whether to show uploaded files (default is false).
		+	* uploadsDeletable: Whether clients can delete uploads (default is false).
		+	* disableUploads: If set to true, the widget becomes a file lister only. Default is false.
		+	* responseType: If set to 1, module returns a JSON response to valid Ajax requests. If 2, it returns an Array. This can be useful if further processing is needed, e.g. in a module, before outputting final JSON. Default is to return a JSON response.
		+	* privateUploadsDir: The non-web-accessible folder to save uploads to. If showUploaded is set to false, this (system) directory is used for saving uploads.
		+	* thumbsPrivateDir: Set a non-web-accessible folder for thumbnails.
		+	* uploadsDir: Set a web-accessible folder to upload images to. Default is under /sites/. Needed if displaying uploaded images.
		+	* thumbsDir: Set a web-accessible folder for thumbnails. Needed if displaying uploaded images.
		+	* setMaxFiles: Maximum number of files per upload. Default is 30.
		+	* setOverwrite: If to overwrite files in case of name-collision. Default is false.
		+	* useCustomForm: Whether to use a custom form + action buttons for uploads + upload actions.
		+	* enableDropZone: Disable drop-zone features of the widget.
		+	* showGallery: Whether to enable the widget to display uploaded images in a (blueimp) gallery.
		+	* thumbsWidth: Set the width for image thumbnails: Default is 100.
		+	* thumbsHeight: Set the height for image thumbnails. Defaults to 75.
		+	* createThumb: Whether to create image thumbnails for uploads. Default is false.
		+	* allowedImageMimeTypes: Array of allowed image mime types: Default is array('image/gif', 'image/jpeg', 'image/png').
		+	* imageTypeConstants: Array of allowed image type constants. Default is array('gif' => IMAGETYPE_GIF, 'jpeg' => IMAGETYPE_JPEG, 'jpg' => IMAGETYPE_JPEG, 'png' => IMAGETYPE_PNG).
		+	* allowedNonImageMimeTypes: Array of allowed non-image files mime types. Default is array('application/pdf', 'audio/mpeg', 'video/mp4').
		+	* noGallery: Don't output the plugin's gallery scripts and CSS. For use in the two scripts and two styles methods listed below. Also see example usage below.
		+	* noIframeTransport: Same as above; not to output iframe transport script.
		+	* noResize: Same as above; not to output client-side image resizing script.
		+	* noAudioPreview: Same as above; not to output script that enables preview of audio files pre-uploading them.
		+	* noVideoPreview: Same as above; not to output script that enables preview of video files pre-uploading them.
		+	* useCustomScript: Same as above; not to output the module's main Javascript file JqueryFileUpload.js to instead use your own.
		+	* useCustomStyle: Same as above; not to output the module's main CSS file JqueryFileUpload.css to instead use your own.