3
我想要做的是:如果所有拖動的文件都是圖片放置它們,但是如果有其他文件擴充,請不要刪除它們,但只刪除圖像。HTML5只拖放圖片
這裏是我的嘗試:
HTML:
<div id="dropzone"></div>
的Javascript:
var dropzone = document.getElementById("dropzone");
dropzone.ondrop = function (e) {
e.preventDefault();
e.stopPropagation();
var files = e.dataTransfer.files;
for(x = 0; x < files.length; x = x + 1){
if(files[x].type.split("/")[0] == 'image') {
console.log(files[x].name + "is image");
}else {
console.log(files[x].name + "is not image");
}
}
}
我需要通過我拖着,如果該文件是圖像做一些事情,否則做文件循環別的東西,例如
file.jpeg is image
file.txt is not image
但使用我的代碼,如果我拖動其他文件擴展名的圖像它不會丟棄圖像,它會跳過這兩個文件。
關鍵是:只丟圖像。
你做偉大的工作@markE ..真的找不到方法來感謝你!但還有一個問題,在這種情況下,如何拖放文件夾並讀取文件夾中的文件?對不起,因爲煩人。 – 2014-11-24 00:02:11
除了可能用於Chrome(請參閱DirectoryReader),File API可以在單獨選擇的文件而不是文件夾/目錄上運行。您的用戶將不得不打開文件夾並從該打開的文件夾中選擇文件。祝你的項目好運! – markE 2014-11-24 00:48:53
感謝您的信息♥ – 2014-11-24 00:52:27