hi,
hier wende ich die MDN-FileApi an.
function showprops(e){
var props = new Array('name','size','type');
for(var i = 0; i < e.files.length; i++){
var freader = new FileReader;
var file = e.files[i];
var filename = file['name'];
if( eav[i] == null){ eav[i] = {} }
freader.filename = filename;
freader.filetype = file['type'];
freader.fileid = i;
freader.onload = function(e){
//console.log(e.target.filename, e.target.result.byteLength);
eav[e.target.fileid]['bin'] = e.target.result;
eav[e.target.fileid]['type'] = e.target.filetype;
eav[e.target.fileid]['name'] = e.target.filename;
}
freader.readAsArrayBuffer(file);
var tab = document.getElementById('showprops');
var tr = document.createElement('tr');
tab.appendChild(tr);
for(var ii = 0; ii < props.length; ii++){
var att = props[ii];
var td = document.createElement('td');
$(td).html(file[att]);
tr.appendChild(td);
}
// Ab hier wird der UploadButton sichtbar gemacht
$('#uploadlink').css('display','block');
}
}
Für jede Datei wird eine FileReader-Instanz erstellt und damit ich im onload-Handler auf die jeweiligen Eigenschaften zugreifen kann, hänge ich diese an die FileReader-Instanz "freader". Ganz so glücklich bin ich nicht damit -- gibt es eine andere Lösung?
MfG