问题标签 [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 投票
1 回答
1321 浏览

asp.net-mvc - IIS7 使用 HTML5 File API 为大文件返回 404

我正在尝试按照此示例实现用于图像上传的文件 API

http://robertnyman.com/html5/fileapi-upload/fileapi-upload.html

在服务器端,我使用 ASP.NET MVC 3 和 IIS7(集成,仅限 32 位)

使用 Development Server 和 IIS7.5 在本地一切正常。在服务器上它也可以工作,除了如果文件具有一定大小(使用 2.2MB 图像文件),上传似乎可以工作,但响应是 404 页面。我已将 maxRequestLength 配置为 10MB,但即使使用默认的 4MB,它也应该可以工作。

我返回的 404 页面是 IIS7 默认的 404,而不是我的应用程序的 404 页面(通过查看 Fiddler 或 Firebug 中的结果)。我正在捕获所有随机 URL 并显示自定义 404 页面,但在这种情况下,请求似乎没有发送到 ASP.NET 管道(应用程序池设置为集成)。

我还记录了任何可能发生的异常(包括 404)——就这个问题而言,日志很清楚。服务器的事件日志中也没有任何内容。

有任何想法吗?

谢谢!

0 投票
2 回答
23957 浏览

javascript - IE和本地文件读取

我刚刚看到 mozilla File API 文件读取为

等等,我必须问IE是否有类似的东西?

0 投票
3 回答
1815 浏览

javascript - 无法使用 Html5 File API 写入数据

我按照教程学习了一些关于 html5 中的 File API
但是,当我遇到这些代码时

我总是遇到“错误”,当我设置alert(e.toString())错误事件时,它似乎是[object ProgressEvent]
我的浏览器是 chromium 13,
有人有什么想法吗?非常感谢

0 投票
2 回答
788 浏览

javascript - 如何将 HTML5 File API 与 Unobtrusive JavaScript 一起使用?

我想将 HTML5 File API与不显眼的 JavaScript 一起使用。但我只能通过从 HTML 调用 JavaScript 函数来使其工作。有什么方法可以通过不显眼的 JavaScript 使用 File API?

并非所有浏览器都支持 File API,但我已经在 Google Chrome 和 Firefox 中尝试过。

从文档中可以看出:

我已经尝试过使用这种不显眼的 JavaScript,但它不起作用:

下面是一个完整的示例,可在jsFiddle上进行测试。

0 投票
3 回答
84366 浏览

javascript - 如何从 Canvas 上的 HTML5 File API 绘制图像?

我想在画布上绘制使用 HTML5 File API 打开的图像。

在该handleFiles(e)方法中,我可以使用 访问文件,e.target.files[0]但无法直接使用drawImage. 如何从 HTML5 画布上的 File API 绘制图像?

这是我使用的代码:

0 投票
2 回答
4619 浏览

javascript - 使用 HTML5 文件上传 API 的可恢复上传 -

我想用 Html5 实现可恢复的上传,一切似乎都正常,除了确定要上传的文件是同一个已经部分上传的文件。理想情况下,我会对生成唯一 id 的文件进行一些客户端散列 - 但是我找不到它的任何工作实现,而且对于大文件(就像我正在处理的那样)来说似乎太慢了。

接下来,我考虑使用文件的路径作为唯一标识符,但我没有看到任何从 API 获取它的方法。文件名,即使考虑到每个用户的文件名也不能是唯一的,因为用户往往有文件的通用名称。任何人都可以想到解决方案吗?

0 投票
6 回答
93544 浏览

javascript - 如何在javascript中将dataURL转换为文件对象?

我需要将 dataURL 转换为 Javascript 中的 File 对象,以便使用 AJAX 发送它。是否可以?如果是,请告诉我如何。

0 投票
0 回答
871 浏览

facebook - 使用 HTML5 File API 通过 Facebook Graph API 上传照片

我正在尝试在不使用服务器端进程的情况下制作照片组织 Facebook 应用程序。

现在我可以使用 FileReader 对象的 readAsDataURL 方法来预览照片,例如...

问题是如何将图像数据发布到 Facebook。我正在尝试做类似的事情

在这种情况下,我无法设置 enctype="multipart/form-data" 并且收到 400 Bad Request。

有谁能够帮我?

0 投票
1 回答
2138 浏览

google-chrome-extension - Google chrome 扩展 - 如何访问和存储本地文件以供以后使用

我目前正在编写我的第一个 google chrome 扩展程序。简化后,我想在扩展弹出窗口中添加文件浏览器,浏览图像并将该图像插入当前打开的选项卡中。

此外,我想将所选文件存储在扩展名中以供以后重用。

第一种方法是使用 FileAPI 加载文件内容并将文件内容 base64 编码存储在 localStorage 中。不幸的是,由于 localStorage 的空间限制,在几张图像后停止工作。

更好的方法是获取所选文件的绝对文件名并在每次必要时重新读取文件 - 不幸的是,我无法获取包含路径的完整文件,只是得到了没有路径的文件名。

另一种方法可能是 WebSQL,但这似乎很复杂 - 任何人都可以确认我们是否也有配额吗?

有没有人事先做过这样的事情?我很乐意得到任何帮助。

0 投票
1 回答
2746 浏览

javascript - 了解客户端文件的对象 URL 以及如何释放内存

我正在使用createObjectURL获取本地图像文件的参考 URL。当我完成文件/图像时,我会调用revokeObjectURL以释放该内存。一切对我来说都很好,但我只是想确保我正在释放我能释放的所有内存。

在我检查了chrome://blob-internals页面后,我的担忧出现了。在调用createObjectURL和使用图像时,我注意到创建了两个条目。一个有网址 blob:blobinternal:///d17c4eef-28e7-42bd-bafa-78d5cb86e761

和另外一个

blob:http://localhost/dbfe7b09-81b1-48a4-87cd-d579b96adaf8

两者都引用了相同的本地文件路径。在调用时,revokeObjectURL只有第二个条目被删除chrome://blob-internals。为什么会发生这种情况,如何摆脱其他条目以及两种类型之间的区别是什么?

此外,我还看到有人在使用图像之前撤销 URL 的例子。这有什么影响?

对该主题的一些见解将不胜感激!:)

编辑:我在jsfiddle创建了一个示例。所以首先打开blobinternals并删除任何现有的 blob。然后运行 ​​jsfiddle 示例,并在您的机器上选择一个图像文件。然后刷新 blobinternals 以查看它添加了什么。然后在我的示例中单击“撤销 URL”。最后刷新 blobinternals 以查看剩余的 blob。