Jquery拖放式上载,无需实际上载
我正在寻找一个JQuery插件,它允许我将文件拖到div或其他地方,然后将文件名发送到我的后端应用程序(java) 我找到的大多数插件都会上传文件,但是我想要电影文件的文件名(4GB+大小),所以上传部分不是我想要的功能 因此,总结一下:Jquery拖放式上载,无需实际上载,jquery,plugins,drag-and-drop,Jquery,Plugins,Drag And Drop,我正在寻找一个JQuery插件,它允许我将文件拖到div或其他地方,然后将文件名发送到我的后端应用程序(java) 我找到的大多数插件都会上传文件,但是我想要电影文件的文件名(4GB+大小),所以上传部分不是我想要的功能 因此,总结一下: 在html页面上传div,用户可以在其中删除电影文件(mkv或avi),然后插件将删除文件的文件名发送到我的java后端。您不需要插件。下面是一个快速脚本,可以将文件名拖到div中: $(文档).ready(函数(){ $(“#滴管”)。在('dragove
在html页面上传div,用户可以在其中删除电影文件(mkv或avi),然后插件将删除文件的文件名发送到我的java后端。您不需要插件。下面是一个快速脚本,可以将文件名拖到div中:
$(文档).ready(函数(){
$(“#滴管”)。在('dragover',函数(e)上{
e、 预防默认值();
e、 停止传播();
})
$(“#滴管”)。关于('dragenter',函数(e){
e、 预防默认值();
e、 停止传播();
})
$(“#滴管”)。在('drop',函数(e)上{
e、 预防默认值();
var files=e.originalEvent.dataTransfer.files;
对于(i=0;i”+文件[i].name+“”);
//使用ajax将文件名发送到此处的服务器
}
});
});
$(document).ready(function () {
$('#dropper').on('dragover', function (e) {
e.preventDefault();
e.stopPropagation();
})
$('#dropper').on('dragenter', function (e) {
e.preventDefault();
e.stopPropagation();
})
$('#dropper').on('drop', function (e) {
e.preventDefault();
var files = e.originalEvent.dataTransfer.files;
for (i = 0; i < files.length; i++) {
$('#fileList').append('<ul>' + files[i].name + '</ul>');
// use ajax to send the filenames off to your server here
}
});
});