使用plupload上传整个文件夹的内容

时间:2012-03-08 13:40:00

标签: javascript file-upload plupload

我使用Plupload的核心api创建了一个自定义上传器并且它运行良好但我想添加的一个功能是如何在将文件夹拖到drop_element上时上传文件夹的内容(这样做可以使单个文件完美地工作)

plupload对象会检测文件夹名称,但不会捕获文件夹中的任何文件。

由于

2 个答案:

答案 0 :(得分:1)

这是不可能的,除非用户使用chrome。

答案 1 :(得分:0)

确保您与大多数浏览器兼容的最小行是:

<input type="file" directory="" webkitdirectory="" mozdirectory="" />

因此,我们知道Chrome,使用WebKit和Firefox的浏览器与'目录'参数兼容。然后你最好给它一个风格,因为它会显示为“选择文件”。

大多数网站都使用'fakefile'方法:

div.fileinputs 
{
    position: relative;
}

div.fakefile 
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

input.file {
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

<div class="fileinputs">
    <input type="file" class="file" />
    <div class="fakefile">
        <input />
        <img src="search.gif" />
    </div>
</div>

我知道该帖子已经过时了,但是现在,我们经常将我们的文件夹与网络上的某些云同步,因此使用文件的方法较少。