问题标签 [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.
javascript - Safari中的文件输入大小问题用于多个文件选择
我在 Windows Vista 上的 Safari 5.1 中遇到多个文件上传不一致的问题(尚未尝试其他平台)。输入元素具有multiple
允许选择多个文件的标志。当用户确实选择了多个文件时,就会出现问题。在这种情况下,每个File
都有一个size
属性0
。如果(仍然带有multiple
标志),用户只选择一个文件,则该size
属性正确包含文件大小。
该问题可以在以下示例中看到。测试并查看单个文件选择和多个文件选择的输出。(您需要在测试之间重置)。 JsFiddle 测试
有谁知道解决方法?
html - HTML5 File API 总是返回 [object file] 的 DataURI。我究竟做错了什么?
今天我一直在尝试制作一个使用拖放和文件 API 的缩略图上传加载器。
我觉得我已经走得很远了。但是作为我的图像文件中的源提供的 DataURI 总是作为 [object file] 返回,因此不显示图像。
有什么帮助吗?!
谢谢。丹尼
(以下是我的代码)
javascript - HTML5 拖放/文件 API 缩略图上传器不工作
今天我一直在尝试制作一个使用拖放和文件 API 的缩略图上传加载器。
我觉得我已经走得很远了。但是作为我的图像文件中的源提供的 DataURI 总是作为 [object file] 返回,因此不显示图像。
有什么帮助吗?!
谢谢。丹尼
(以下是我的代码)
javascript - JS 和 type.match 作为文件 mime 类型 - 需要建议
今天我遇到了一个有趣的事情,即 FF File API 和按类型分隔文件。好的,这是一个小片段
它控制只读图像。但是例如 doc 文件和 pdf 呢?我找不到有用的例子,所以我希望你能分享一些片段。我有兴趣检测不同的文件类型,但是如何使用 JS 及其 type.match 绑定来控制不同的文件类型?
这是基本代码
任何有用的评论表示赞赏:)
javascript - 禁止将文件系统图像拖入浏览器。
我正在试验 HTML5 文件 API。但是,我注意到浏览器具有默认行为,如果您将图像拖到浏览器中,它们会显示图像。但是,如果您的目标是上传图像而不是查看图像,这可能会很烦人。
我想知道是否有办法防止这种行为?我已经在 ondrop 事件上尝试了 stopPropagation / preventDefault ,这在一定程度上起作用,但是将“放置”光标留在原处,给人的印象是图像可以放置在页面上的任何位置。
理想情况下,您只会在要删除图像的指定区域上看到“放置”光标。
javascript - 有没有办法使用javascript读取页面中的图像
我想知道是否有任何方法可以读取网页中的图像,因为我想制作一个可以将它们上传到我的服务器的小插件,首先,我将图像设置为可拖动,然后将它们拖到一个小“盒子”并上传他们,也许是 HTML5 中的File API ,但不幸的是我发现它只能读取本地文件,
有人有什么想法吗?谢谢
drupal - 以编程方式将文件上传和保存到 Drupal 节点
我正在尝试基于自定义表单提交创建一个节点。除了上传的图像外,一切都很好。
我可以很好地捕获它们并将它们设置在表单对象缓存中。当我将数据传递给函数以创建节点时,我收到此错误:
“无法复制指定的文件,因为不存在该名称的文件。请检查您提供的文件名是否正确。”
尽管一次只提交一两张图片,我也多次收到错误。
这是我正在使用的代码。$uploads 被传入,是上一步中从 file_save_upload() 返回的文件对象数组:
我也试过这个:
第二个导致 MySQL 中 URI 字段的重复键错误。我在教程中看到了这两个示例,但都没有工作?
javascript - 通过 XMLHttpRequest 上传文件时如何获取进度
我想知道如何使用 XMLHTTPRequest 获取文件上传的进度。在 Firefox 中,onprogress 方法根本不会触发,而在 chrome 中,它只会在文件上传完成后触发。
javascript - 使用 Javascript 文件 API 获取图像尺寸
我需要在我的 Web 应用程序中生成图像的缩略图。我使用 Html 5 File API 来生成缩略图。
我利用以下 URL 中的示例来生成缩略图。
http://www.html5rocks.com/en/tutorials/file/dndfiles/
我成功地生成了缩略图。我遇到的问题是我只能通过使用静态大小来生成缩略图。有没有办法从选定的文件中获取文件尺寸,然后创建 Image 对象?