jquery on drop获取完整路径名

时间:2016-04-20 18:03:01

标签: javascript jquery html file drag-and-drop

我有一个简单的webapp,有这段代码:

$(document).on('drop', '#dropfile', function(e) {
    e.preventDefault();
    e.stopPropagation();
    $(this).css('border', '6px #6BFF38 solid'); //vert
    var file = e.originalEvent.dataTransfer.files[0];
    alert(file.name);

    return false;
});

“alert(file.name)”只返回文件名。我知道这是一个常见的问题,但我找不到答案。我怎样才能获得文件的完整路径而不仅仅是名称?是否有文件的参数来获取它?

1 个答案:

答案 0 :(得分:1)

回答:Alexander Zinchenko

链接:Get URL of resource that is drag-and-dropped on field

在Firefox中,您可以使用file.mozFullPath。但是,此变量仅在Firefox中出现,在Chrome或Safari中不起作用。

附录:

出于安全原因,永远不会公开文件路径信息。甚至mozFullPath也不会返回文件的完整路径。

来自mozilla网站对 mozFullPath 的描述:此功能是非标准的,并且不在标准轨道上。不要在面向Web的生产站点上使用它:它不适用于每个用户。实现之间可能存在很大的不兼容性,并且行为可能在将来发生变化