createObjectURL文件转换为filereader格式(xhr上传)

时间:2016-01-10 12:20:26

标签: html5 upload xmlhttprequest filereader

我已经用html5编写了一个上传工具。

我使用URL.createObjectURL(文件)创建文件路径; // file =来自filelist的文件 - > dataTransfer(输入多文件选择)

<div class='photo' style='background:url(" + Link + ") center center; background-size:cover'></div>

现在我将能够使用旧方法(文件阅读器)

读取文件信息
file = $('.Foto').css('background-image').replace(/^url\(["']?/, '').replace(/["']?\)$/,'');

console.log(file); //blob:http://localhost/16264d2d-572e-4f3c-88cb-9d081147ed3a
reader.readAsArrayBuffer(file);

现在我从firebug收到错误:

“TypeError:FileReader.readAsArrayBuffer的参数1不是对象”

自我错误:

readAsBinaryString()
readAsDataURL()
readAsText()

我需要这个来自文件的其他信息: 例如:file.size,file.name,file.type

我将在blob中上传大文件:

fileb   = file.slice(start,end);
formData.append("afile",fileb);
xhr.open("POST", Link, true);
xhr.send(formData);

我的问题是,我需要一个带有多文件选择和多丢弃(dropzone)的上传工具。当用户点击“现在上传文件”按钮时,文件才会上传。

最大的问题是html5 API文件列表。

当我选择带有drap和drop或文件浏览器的新文件时,旧列表是空的。

我可以将新文件合并(推送)到文件列表吗?

0 个答案:

没有答案