问题标签 [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 - 使用 readAsDataURL 加载选定图像时，HTML5 File API 使 Chrome 崩溃
这是我的示例代码：
加载页面，选择一个大图像（我使用的是 2.9MB 4288x3216 图像）。刷新页面并选择相同的图像。结果？标签崩溃！（啊，快！）
我的猜测是，这是 Chrome 文件 API 实现的一个错误，但如果有人能证实这一点，甚至可能提供解决方法，我会很高兴。我真的希望能够显示照片的缩略图，而不必去服务器生成一张（即使它只是用于 Chrome 和 FF）。
此外，在我上面的示例代码中，一旦您选择了照片，选项卡就会开始使用大约 32MB 的内存。我想这是意料之中的，但我担心的是内存似乎永远不会被垃圾收集器释放。所以如果我继续选择更多的照片，我会一直消耗更多的内存。我不知道这是否与崩溃问题有关，但这绝对是一个问题。
谢谢你的帮助！
javascript - 如何从 IE8 的输入中获取文件？
我如何在 IE(8) 中获取文件，如下所示：
上传？
javascript - HTML5 文件 API：FileReader.readAsText() 返回“未定义”
我在 Mac OS X 上使用 Chrome 12，并且在文档中包含了 jQuery 1.6.1。
我尝试将文件的内容作为文本读取并将其保存在具有以下功能的数据对象中：
“file”接缝是一个有效的文件对象，“this.reader”是一个 FileReader 类型的新实例。此代码创建以下控制台输出：
http://cl.ly/1Y2b383G2F272x1m1P0N
javascript - HTML5 文件 API：发生错误后未定义 FileReader 对象
我在 Mac OS X 上使用 Chrome 12，并且在文档中包含了 jQuery 1.6.1。
我尝试使用以下代码读取文件，读取文件时出现错误接缝，因此调用 this.error.onerror()，但 FileReader-Object this.reader 不再存在，我不能得到错误。我也不确定为什么会发生错误，这是我想阅读的常规文本文档。
此代码创建以下控制台输出： http ://cl.ly/0j1m3j0o3s071Y1K3A25
javascript - HTML5 文件 API：读取文件时出现安全错误
问题解决了，看评论
HTML5 File API 遇到的第三个问题：我仍在 Mac OS X Snow Leopard 上使用 Chrome 12，并且仍在尝试使用 HTML5 File API 读取文件，但 FileHandler.error() 被调用是因为“SECURITY_ERR”发生。我尝试读取的文件是我桌面上的常规 .txt 文件，但它不能与其他文件一起使用，尽管我可以使用常规应用程序打开它们。
该代码生成以下控制台输出： http ://cl.ly/1x1o2F0l2m3L1T2c0H0i
javascript - 如何检测浏览器支持文件 API 拖放
我喜欢只为支持拖放文件的浏览器在 div 上添加背景
我不喜欢使用modernizr，只是一个单行脚本
javascript - JS HTML 5 - 无法集成示例代码 - 帮助
我找到了这些代码片段http://www.html5rocks.com/en/tutorials/file/dndfiles/#toc-selecting-files-input我想看看它们是如何工作的，但代码在我的情况下不起作用. 也许我在集成方面做错了什么？请分享一些集成片段，因为我是 JS 的新手 :)
这是我可能错误的整合...
PS> 我的网络浏览器：FF 5.0
感谢所有有用的评论:)
html - 浏览器是否总是将图像文件保存在内存中？
用户将它们放在页面上后，我正在使用 File API 在画布上绘制本地图像文件。它在 Firefox 5 和 Google Chrome 中运行良好。问题是在我删除 500 Mb 图像文件后，浏览器内存消耗增加了大约 500 Mb。但我认为不应该这样，因为在画布上绘制图像后，没有更多指向文件的链接。示例代码：
javascript - JS 函数返回 null - 帮助
我正在尝试修改示例http://www.html5rocks.com/en/tutorials/file/dndfiles/#toc-reading-files以使函数 handleFileSelect(evt) 返回 reader.result; 我的意思是让函数返回base64的图像左右。我试图用函数编写它，但它只返回 null :( 所以我的问题是如何让函数返回 base64？
至于现在我试着写这个片段......
感谢所有有用的评论:)
javascript - 在 Google Chrome 中指定 blob 编码
以下代码（供应商规范化）运行良好，在 Firefox 8 中显示“➀➁➂ Test”，但在 Google Chrome 中显示“➀âžâž‚ Test”。除了使用文件系统 API 将文件写入临时文件系统之外，有什么方法可以保留 Google Chrome 中的 blob 编码？