问题标签 [fileapi]

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 投票
4 回答
8420 浏览

javascript - Safari中的文件输入大小问题用于多个文件选择

我在 Windows Vista 上的 Safari 5.1 中遇到多个文件上传不一致的问题(尚未尝试其他平台)。输入元素具有multiple允许选择多个文件的标志。当用户确实选择了多个文件时,就会出现问题。在这种情况下,每个File都有一个size属性0。如果(仍然带有multiple标志),用户只选择一个文件,则该size属性正确包含文件大小。

该问题可以在以下示例中看到。测试并查看单个文件选择和多个文件选择的输出。(您需要在测试之间重置)。 JsFiddle 测试

有谁知道解决方法?

0 投票
1 回答
400 浏览

html - HTML5 File API 总是返回 [object file] 的 DataURI。我究竟做错了什么?

今天我一直在尝试制作一个使用拖放和文件 API 的缩略图上传加载器。

我觉得我已经走得很远了。但是作为我的图像文件中的源提供的 DataURI 总是作为 [object file] 返回,因此不显示图像。

有什么帮助吗?!

谢谢。丹尼

(以下是我的代码)

0 投票
1 回答
1477 浏览

javascript - HTML5 拖放/文件 API 缩略图上传器不工作

今天我一直在尝试制作一个使用拖放和文件 API 的缩略图上传加载器。

我觉得我已经走得很远了。但是作为我的图像文件中的源提供的 DataURI 总是作为 [object file] 返回,因此不显示图像。

有什么帮助吗?!

谢谢。丹尼

(以下是我的代码)

0 投票
2 回答
6138 浏览

javascript - jquery.support 来检测 JavaScript 的 File API?

我找不到通过jQuery 中的方法来检测浏览器是否支持File API的方法。.support

有人知道吗?

(顺便说一句:input[type=file]用 IE 检测文件大小的方法?)

0 投票
2 回答
50889 浏览

javascript - JS 和 type.match 作为文件 mime 类型 - 需要建议

今天我遇到了一个有趣的事情,即 FF File API 和按类型分隔文件。好的,这是一个小片段

它控制只读图像。但是例如 doc 文件和 pdf 呢?我找不到有用的例子,所以我希望你能分享一些片段。我有兴趣检测不同的文件类型,但是如何使用 JS 及其 type.match 绑定来控制不同的文件类型?

是基本代码

任何有用的评论表示赞赏:)

0 投票
2 回答
2863 浏览

javascript - 禁止将文件系统图像拖入浏览器。

我正在试验 HTML5 文件 API。但是,我注意到浏览器具有默认行为,如果您将图像拖到浏览器中,它们会显示图像。但是,如果您的目标是上传图像而不是查看图像,这可能会很烦人。

我想知道是否有办法防止这种行为?我已经在 ondrop 事件上尝试了 stopPropagation / preventDefault ,这在一定程度上起作用,但是将“放置”光标留在原处,给人的印象是图像可以放置在页面上的任何位置。

理想情况下,您只会在要删除图像的指定区域上看到“放置”光标。

0 投票
2 回答
62 浏览

javascript - 有没有办法使用javascript读取页面中的图像

我想知道是否有任何方法可以读取网页中的图像,因为我想制作一个可以将它们上传到我的服务器的小插件,首先,我将图像设置为可拖动,然后将它们拖到一个小“盒子”并上传他们,也许是 HTML5 中的File API 但不幸的是我发现它只能读取本地文件, 有人有什么想法吗?谢谢

0 投票
3 回答
26623 浏览

drupal - 以编程方式将文件上传和保存到 Drupal 节点

我正在尝试基于自定义表单提交创建一个节点。除了上传的图像外,一切都很好。

我可以很好地捕获它们并将它们设置在表单对象缓存中。当我将数据传递给函数以创建节点时,我收到此错误:

“无法复制指定的文件,因为不存在该名称的文件。请检查您提供的文件名是否正确。”

尽管一次只提交一两张图片,我也多次收到错误。

这是我正在使用的代码。$uploads 被传入,是上一步中从 file_save_upload() 返回的文件对象数组:

我也试过这个:

第二个导致 MySQL 中 URI 字段的重复键错误。我在教程中看到了这两个示例,但都没有工作?

0 投票
1 回答
2644 浏览

javascript - 通过 XMLHttpRequest 上传文件时如何获取进度

我想知道如何使用 XMLHTTPRequest 获取文件上传的进度。在 Firefox 中,onprogress 方法根本不会触发,而在 chrome 中,它只会在文件上传完成后触发。

0 投票
4 回答
78963 浏览

javascript - 使用 Javascript 文件 API 获取图像尺寸

我需要在我的 Web 应用程序中生成图像的缩略图。我使用 Html 5 File API 来生成缩略图。

我利用以下 URL 中的示例来生成缩略图。

http://www.html5rocks.com/en/tutorials/file/dndfiles/

我成功地生成了缩略图。我遇到的问题是我只能通过使用静态大小来生成缩略图。有没有办法从选定的文件中获取文件尺寸,然后创建 Image 对象?