j-FileReader

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Singleton
nur für Textdateien

Methoden:

component.open(opt) – öffnet den Dateibrowser
- opt.multiple {Boolean} ermöglicht mehrere Dateien (Standard: false)
- opt.accept {String} erlaubt nur den angegebenen Inhaltstyp (Standard: undefined)
- opt.base64 {Boolean} liest eine Datei in Base64-Kodierung (Standard: false)
- NEU: opt.files {HTTP Files} liest Dateien z.B. per Drag & Drop
- opt.callback {Function(file)} ein Rückruf
- NEU: opt.progress {Function(percentage, file)} optional

var opt = {};
opt.accept = 'text/*';
// opt.files = e.files;
opt.callback = function(file) {
	console.log(file);
};
SETTER('filereader/open', opt);

Verwenden Sie es mit <ui-component name="filereader">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

example.html

<ui-component name="filereader"></ui-component>
<a href="javascript:fopen()">OPEN FILE</a>

<script>
	function fopen() {
		var opt = {};
		opt.accept = 'text/*';
		opt.callback = function(file) {
			$(document.body).append('<div><pre><code>{0}</code></pre></div>'.format(JSON.stringify(file, null, '    ').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;')));
		};
		SETTER('filereader/open', opt);
	}
</script>