我正在运行一个网站,我想用Drag'n Drop上传文件,使用HTML5 File API和。我已成功设法创建了一个新的FileReader
,但我不知道如何上传文件。我的代码(JavaScript)的以下内容:HTML5拖放n拖放文件上传
holder = document.getElementById('uploader');
holder.ondragover = function() {
$("#uploader").addClass('dragover');
return false;
};
holder.ondragend = function() {
$("#uploader").removeClass('dragover');
return false;
};
holder.ondrop = function (e) {
$("#uploader").removeClass('dragover');
e.preventDefault();
var file = e.dataTransfer.files[0],
reader = new FileReader();
reader.onload = function (event) {
//I shoud upload the file now...
};
reader.readAsDataURL(file);
return false;
};
我也有一个表格(ID:上传形式)和输入文件中的字段(ID:上传输入)。 你有什么想法吗?
P.S.我使用jQuery,这就是为什么有$("#uploader")
和其他。
BTW,这似乎不是一个谷歌的项目。 –
好的,更正了。 – Ben
我会试试看。谢谢:-) – Paris