问题标签 [directory-upload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2269 浏览

html - 允许chrome同时选择/选择目录或文件

如果我插入<input type="file" name="files" webkitdirectory>html 文件,chrome 将允许您选择目录,但不能选择文件。

如果我然后删除 webkitdirectory ( <input type="file" name="files">) 那么它只会让你选择文件。

我如何允许它同时选择文件和/或目录?

0 投票
3 回答
1201 浏览

javascript - 如何从 Firefox 的上传处理程序中过滤掉目录?

问题

我有以下代码片段,用于在文件拖放上传期间获取文件信息:

我做了研究,发现Firefox不支持目录上传,但允许客户端将它们拖放到放置区域。

问题

如何从 Firefox 的上传处理程序中过滤掉目录?

更新

您可以在此处找到工作示例:https ://jsfiddle.net/gevorgha/exs3ta25/

请考虑我需要它在最新的稳定 Firefox 版本 - 46.0.1上工作,而无需从浏览器启用额外的首选项,因为我不想要求用户启用首选项以使上传正常工作。

0 投票
3 回答
7408 浏览

python - Django目录上传获取子目录名称

我正在编写一个 django 应用程序来上传带有表单的文件目录。

这是我使用的允许上传目录的表格:

这是原始的帖子有效负载:

这是处理表单的视图:

问题是 django 中文件对象的名称没有子目录名称。我假设中间件处理请求之一是从文件名中解析和删除子目录名称。有没有办法我可以获得具有目录和子目录名称的原始文件名?

0 投票
0 回答
586 浏览

php - 递归上传文件夹及其内容,但使其结构合乎逻辑

目标目标:

a) 上传 .zip 文件,将其组件解压缩到我服务器上的临时目录中

b)将所有文件复制/移动到一个位置,但唯一地重命名所有文件,以便没有两个文件具有相同的名称(在物理位置)

c) 在 db 中开发一个逻辑文件夹树结构(在复制时注意文件夹名称并将其存储在 db 中,同时存储其内容文件,以便所有文件都具有它们所属文件夹的父 ID)

解释:

压缩文件上传到 common/uploads/directories/FolderName.zip,解压到 common/uploads/directories/ExtractedArchive/FolderName,然后根据定义的文件规则验证每个文件,然后如果验证,则复制到 common 位置/上传/文件/

这些文件共享相同的物理位置,但在 db 中它们以下列方式连接(递归,无限深度)

  • 文件夹名称
    • 文件1.html
    • 文件2.txt
    • 测试文件夹
      • 文件3.pdf
      • 文件4.doc
      • 另一个测试文件夹
        • docx 文件.docx
        • 文件文件.pdf
      • 文件5.jpg
    • .
    • . .
    • . . .

同样,所有文件都在服务器的同一目录中,但它们通过逻辑目录树结构相互连接。这在 db 中如下所示:

等等....

以下是我编写的任务的相关代码段:

查看.php 文件


控制器.php 文件


FilemgtFile.php 文件


DirectoryUploadForm.php 文件


问题 上传结构没有得到维护。我正在以这样一种方式出现结构,即父目录正在其中获取实际上属于其子目录模型的文件。然而,子目录模型也在创建时没有内容。这一切都搞砸了。

我已经删除了这里没有用的代码,这样你就不必阅读不必要的代码来解决问题的底线;但如果您需要查看我机器上的完整代码,请告诉我。

任何帮助表示赞赏。提前谢谢各位。祝好运。

0 投票
0 回答
1086 浏览

javascript - Javascript:上传目录并获取它的绝对路径

我有一个浏览按钮,其中我必须显示一个对话框以允许用户浏览到他/她想要上传的特定文件夹。

我唯一要做的就是为所有系统获取该文件夹的绝对路径。

我尝试了一些但没有成功:

eFiles仅返回文件列表。如何获取所选文件夹的绝对路径。

是否有任何库或其他东西允许用户选择一个文件夹并获取它的绝对路径,而不管他/她使用的系统如何。

欢迎提出建议。提前致谢!

编辑

我需要通过对话框访问文件夹并获取所选文件夹的绝对路径。

0 投票
0 回答
77 浏览

javascript - 目录上传在 Chrome 浏览器中不起作用

我已经完成了拖放目录上传支持。它在 Edge 和 Firefox 浏览器中运行良好。但它在 chrome 浏览器中不起作用,因为没有执行readEntries方法中存在的代码(参见下面的代码片段)。

任何人,请指导我为什么这些代码不能单独在 chrome 中工作以及如何在 chrome 中运行这些代码。?

0 投票
2 回答
985 浏览

javascript - 使用 webkit 目录和目录上传文件夹在 safari 浏览器上不起作用

我正在尝试使用输入类型文件上传目录。它在 GoogleChrome 和 FireFox 中运行良好,但是当我在 Safari 浏览器中对其进行测试时,它无法允许用户选择单个文件。有没有办法限制用户选择单个文件,只允许在 Safari 浏览器中选择文件夹。

这是我正在使用的代码:

如果有人知道 Safari 浏览器的解决方案,请指导我。

任何帮助将不胜感激。

提前致谢,

0 投票
0 回答
44 浏览

ruby-on-rails - 选择文件时是否可以将目录与文件一起上传?

我有一个 ruby​​ 应用程序,目前使用 formstone ( https://formstone.it/components/upload/ ) 进行文件上传和回形针保存附件。我必须包含另一种文件类型。文件名以 .mrxs 结尾。对于这些文件,目录与文件位于相同的位置,与文件同名。选择文件时是否可以将目录与文件一起上传?

0 投票
1 回答
945 浏览

python - 如何从 django admin 将上传的目录下载为 zip 文件?

我已经使用 django 和 JavaScript 上传了目录。现在我正在尝试从 django admin 下载这个目录。为此,我已关注此链接,请单击此处。当我在 django 中上传目录时,管理员创建了下表。文件名表示上传的文件夹名称。

在此处输入图像描述

如果我单击文件名,它会显示以下错误。我想从 django admin 下载这个目录作为 zip 文件。谁能帮我解决这个问题?

在此处输入图像描述

这是我的model.py

管理员.py:

视图.py:

0 投票
0 回答
689 浏览

node.js - 如何在 ipfs 上使用 ipfs-http-client 上传目录

每次我尝试上传目录时,都会出现此错误,
AbortError: The user aborted a request. at abort (C:\users\anik\desktop\app\node_modules\node-fetch\lib\index.js:1418:16) at AbortSignal.abortAndFinalize (C:\users\anik\desktop\app\node_modules\node-fetch\lib\index.js:1433:4) at AbortSignal.dispatchEvent (C:\users\anik\desktop\app\node_modules\event-target-shim\dist\event-target-shim.js:818:35) at abortSignal (C:\users\anik\desktop\app\node_modules\abort-controller\dist\abort-controller.js:52:12) at AbortController.abort (C:\users\anik\desktop\app\node_modules\abort-controller\dist\abort-controller.js:91:9) at AbortSignal.onAbort (C:\users\anik\desktop\app\node_modules\any-signal\index.js:13:16) at AbortSignal.dispatchEvent (C:\users\anik\desktop\app\node_modules\event-target-shim\dist\event-target-shim.js:818:35) at abortSignal (C:\users\anik\desktop\app\node_modules\abort-controller\dist\abort-controller.js:52:12) at AbortController.abort (C:\users\anik\desktop\app\node_modules\abort-controller\dist\abort-controller.js:91:9) at AbortSignal.onAbort (C:\users\anik\desktop\app\node_modules\any-signal\index.js:13:16) { type: 'aborted', message: 'The user aborted a request.' }
我不明白为什么会出现此错误。我尝试调试但无法理解。

在调试期间,代码在 [line 1] 处停止,然后下降到 [line 2] 并执行 catch 块。