windows中拖動檔案到瀏覽器,實現自動上傳 -- Java
阿新 • • 發佈:2018-12-23
//拖動License檔案到瀏覽器中,自動讀取檔案並上傳
var dropbox = $("body")[0];
dropbox.addEventListener("dragenter", function(e){
e.stopPropagation();
e.preventDefault();
}, false);
dropbox.addEventListener("dragover", function(e){
e.stopPropagation();
e.preventDefault();
}, false);
dropbox.addEventListener("drop", function(e){
e.stopPropagation();
e.preventDefault();
var files = e.dataTransfer.files;
//檢測是否是拖拽檔案到頁面的操作
if(files.length == 0) {
commons.alert("請選擇檔案!", "warning");
} else {
for(var i=0;i<files.length;i++){
if(files){
//例項化FileReader()物件 readAsText readAsBineryString readAsArrayBuffer
var reader=new FileReader();
reader.readAsArrayBuffer(files[i]);
}
//獲取檔案的名稱
var licenseFileName = files[i].name;
//載入完成選擇的檔案後
reader.onload=function(){
var blobFile = new Blob([this.result]);
var formData = new FormData();
formData.append("fileName", blobFile);
$.ajax({
url : 'url',
type : 'POST',
data : formData,
cache : false,
contentType : false,
processData : false,
dataType: "json",
success : function(data) {
alert("上傳成功");
},
error : function(request, status, error) {
alert("上傳失敗");
}
});
}
}
}
}, false);
var dropbox = $("body")[0];
dropbox.addEventListener("dragenter", function(e){
e.stopPropagation();
e.preventDefault();
}, false);
dropbox.addEventListener("dragover", function(e){
e.stopPropagation();
e.preventDefault();
}, false);
dropbox.addEventListener("drop", function(e){
e.stopPropagation();
e.preventDefault();
var files = e.dataTransfer.files;
//檢測是否是拖拽檔案到頁面的操作
if(files.length == 0) {
commons.alert("請選擇檔案!", "warning");
} else {
for(var i=0;i<files.length;i++){
if(files){
//例項化FileReader()物件 readAsText readAsBineryString readAsArrayBuffer
var reader=new FileReader();
reader.readAsArrayBuffer(files[i]);
}
//獲取檔案的名稱
var licenseFileName = files[i].name;
//載入完成選擇的檔案後
reader.onload=function(){
var blobFile = new Blob([this.result]);
var formData = new FormData();
formData.append("fileName", blobFile);
$.ajax({
url : 'url',
type : 'POST',
data : formData,
cache : false,
contentType : false,
processData : false,
dataType: "json",
success : function(data) {
alert("上傳成功");
},
error : function(request, status, error) {
alert("上傳失敗");
}
});
}
}
}
}, false);