j-FileReader

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Singleton
Alleen voor tekstbestanden

Methoden:

component.open(opt) - Open de bestand browser
- opt.multiple {Boolean} maakt meerdere bestanden mogelijk (default: false)
- opt.accept {String} toelaat alleen de specifieke inhoudstype (default: undefined)
- opt.base64 {Boolean} leest een bestand in Base64-encoding (default: false)
- NEW: opt.files {HTTP Files} leest bestanden bijvoorbeeld van Drag & Drop
- opt.callback {Function(file)} een callback
- NEW: opt.progress {Function(percentage, file)} optioneel

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

Gebruik het met <ui-component name="filereader">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>