Javascript 在webApp上拖放所有类型的文件

我需要在我的网站上添加一个拖放功能，允许上传所有类型的文件（pdf、jpg、txt等）

而且我需要一个函数将此文件存储在特定目录中

我在网上找到了这段代码，但它只允许上传图像（jpg、png等）

var fileobj；
函数上传文件（e）{
e、 预防默认值（）；
fileobj=e.dataTransfer.files[0]；
ajax_文件上传（fileobj）；
}
函数文件_explorer（）{
document.getElementById（'selectfile'）。单击（）；
document.getElementById（'selectfile'）。onchange=function（）{
fileobj=document.getElementById（'selectfile'）.files[0]；
ajax_文件上传（fileobj）；
};
}
函数ajax\u文件上传（文件obj）{
if（file_obj！=未定义）{
var form_data=new FormData（）；
表单\u data.append（'file'，file\u obj）；
$.ajax({
键入：“POST”，
url:'ajax.php'，
contentType:false，
processData:false，
数据：表格数据，
成功：功能（响应）{
警报（响应）；
$（'#selectfile'）.val（''）；
}
});
}
}

#放置文件区{
背景色：#EEE；
边框：#999 5px虚线；
宽度：290px；
高度：200px；
填充：8px；
字号：18px；
}
#拖动\u上载\u文件{
宽度：50%；
保证金：0自动；
}
#拖拽上传文件{
文本对齐：居中；
}
#拖动上传文件#选择文件{
显示：无；
}

把文件放在这里

或

我通过做一些更改，成功地实现了is工作

更改html输入接受的文件

并更改ajax文件

$arr_文件类型=['application/pdf']
如有帮助，请参阅：