FileReader API在jsFiddle中工作，但不是从本地文件中
我正在研究将使用文件API在本地存储文件的Chrome / Firefox扩展。我试图让一个例子正常运行，但我遇到了似乎围绕着Chrome的问题。任何人都可以解释为什么这个jsFiddle 工作正常，但完全相同的代码在从本地文件运行时不起作用。请注意，它在Firefox中正常工作，而不是在Chrome中。任何想法？ 解决方案 Chrome具有异常严格的网络安全性;许多事情，如Ajax，在本
..
fileapi相关内容
Chrome内存问题 - File API + AngularJS
我有一个需要将大文件上传到Azure BLOB存储的网络应用程序。我的解决方案使用HTML5 File API分割成块，然后将它们作为blob块放置，块的ID存储在一个数组中，然后将这些块作为blob提交。 解决方案在IE中运行正常。在64位Chrome上，我已成功上传4Gb文件，但看到非常繁重的内存使用情况（2Gb +）。在32位Chrome上，具体的chrome进程将达到500-550M
..
使用readAsDataURL加载选定图像时，HTML5 File API会导致Chrome崩溃
这里是我的示例代码： var input = document.createElement（'input'）; input.type ='file'; document.body.appendChild（input）; input.addEventListener（'change'，function（）{ var file = input.files [0]; v
..
FileReader.js在IE9中没有任何反应
..
在Firefox中使用FileReader.readAsArrayBuffer（）更改文件
我使用 FileReader遇到了一个奇怪的问题。 readAsArrayBuffer ，似乎只影响Firefox（我在当前版本 - v40测试）。我不知道是否我只是做错了什么，或者这是一个Firefox错误。 我有一些使用 readAsArrayBuffer 来读取 字段中指定的文件。一般情况下，一切正常。但是，如果用户在 字段中选择了该文件，那么 read
..
选择&删除要分析的文件和/或文件夹
我已经使用了一篇帖子来讨论Chrome上的文件和文件夹，但是我无法在Firefox上运行（说实话，我还没有尝试在别人身上，但我认为它不适用于safari）。 这是2个指令ngDrop和输入。 angular.module（'myApp'）。directive（“ngDrop”，function（$ rootScope）{ var link = function（$ scope，el
..
如何预览用户想上传的视频文件（PHP，FiileAPI JS）
我的意思是，当用户从他们的系统中选择视频文件时，让网页已经显示他们要上传的文件。 已经使用图像文件预览使用FileAPI JS。同样我想用FileAPI JS来处理视频文件。 （所以，它必须在我的客户端工作） 谢谢&答案赞赏：） 解决方案 您可以使用 FileReader 或 createObjectURL 。他们都会完成这项工作，但是FileReader在浏览器中有更广
..
禁用文件拖动&如果没有文件输入，则放弃
我认为解决这个问题的办法就是把我盯在脸上，但我似乎无法找到它。 所以，我正在制作一个网站有一个小文件上传部分。上传部分将有一个地方上传不同的设备和设备的方向（即iPhone，iPad的，肖像和风景）的图像。我可以很容易地弄清楚如何实现拖放放在单独的设备图标上，但是如果用户错过放置区域，浏览器将只导航到他们系统上的那个图像。我如何禁用拖动&如果没有文件输入类型接收拖动的文件，请放下？ 解
..
有HTML5文件API和上传Javascript支持库吗？
到目前为止，我使用的是基于Flash的 swfupload 及其 swfupload.js ，它向用户提供从闪存的回调和设置它的可能性。 我想知道是否有这样的HTML5文件API的东西。我是在自己从头开始之前问的。我不想重新发明轮子，因为那里可能已经有了一个好的图书馆。 这在过去： http://aquantum-demo.appspot.com/file上传 合理的我在做什么。
..
safari文件输入大小问题多文件选择
我在Windows Vista上的Safari 5.1中遇到了多个文件上传的不一致问题（还没有尝试过其他平台）。输入元素具有多个标志以允许选择多个文件。当用户确实选择多个文件时会发生问题。在这种情况下，每个 File 都有一个大小属性 0 。如果（仍有多个标志），用户只选择一个文件， size 属性正确地包含文件大小。 在下面的例子中可以看到这个问题。测试并查看单个文件选择和多个文件选择的输
..
限制文件上传选择到特定类型
无论如何通过 元素来限制文件类型的选择？ $ b $例如，如果我只想要上传的图像类型，我会限制可能的选择（图像/ JPG，图像/ GIF，图像/ PNG），选择对话框会灰色的其他MIME类型的文件。 ps我知道我可以通过扫描.type属性在File API之后做到这一点。我真的想限制这一点，我也知道我可以做到这一点通过闪光灯，但我不想有这个使用闪
..
什么是在HTML5 [多]文件输入中选择的文件的最大数量？
我有64000个小图片要上传到我的网站（使用现有的验证，所以没有FTP等）。我已经为此创建了一个HTML5 [multiple] type = file输入，可以用于上百个或上百个图像。数百个不是问题。图片批量发送到服务器。 但是，当我选择一个约16000图像的文件夹时，文件输入的FileList为空... onchange事件触发器，但文件列表是空的。浏览器（或文件系统或操作系统？）似乎有
..
记住并重新填充文件输入
我有一个网站，允许用户多次上传文件进行处理。目前我有一个单一的文件输入，但我希望能够记住用户的选择，并在屏幕上显示它。 我想知道怎么做是用户选择一个文件后，我会记住他们的选择，并重新显示文件输入与预先选择的页面上重新加载的文件。我只需要知道如何记住和重新填充文件输入。 我也接受不使用文件输入的方法（如果可能的话）。 我正在使用JQuery 解决方案 好的，您要“记住和重新
..
JS和type.match作为文件MIME类型 - 需要建议
今天，我面对一个有趣的事情，作为FF文件API和单独的文件的类型。确定这是一个小片段作为 if（！input.files [0] .type.match（'image。*' ））{ window.alert（“请选择图片”）; return; } 它控制只读的图像。但是，doc文件和pdf例如呢？我找不到有用的例子，所以我希望你能分享一些片段。我感兴趣的东西在检测
..
带有远程文件的HTML5文件API
我想花几个小时来使用HTML5 FileSystem来添加一个带有URL的远程文件（例如 http：// example.com/doc.pdf ）而不是由文件输入获得的文件，因为我希望进程是自动的（我有多个文档），但是我没有找到关于该进程的任何信息。 我发现的所有例子都与本地文件有关（添加了文件输入）... 我给你 $ b $ $ $ $ $ $ $ $ $ $ $ $ $ $ $
..
如何下载文件而不使用< a>元素与下载属性或服务器？
根据 caniuse ， 的TR / html5 / links.html＃downloads-resources”rel =“noreferrer” 。 c> c c元素 href =“https://developer.microsoft.com/en-us/microsoft-edge/platform/status/adownloadattribute”rel =“noreferrer”>
..
在Google Chrome中指定blob编码
以下代码（供应商标准化）工作正常，并在Firefox 8中显示“➀➁➂测试”，但在Google Chrome中显示“—，“测试”。在使用文件系统API将文件写入临时文件系统时，是否有任何方法保留Google Chrome中的blob编码？ var bb = new BlobBuilder; bb.append（“➀➁➂Test”）; var b = bb.getBlob（“te
..
Javascript FileAPI：迭代目录？
Firefox 3.6让我们将目录放到某个元素上（使用拖放API），并使用 FileAPI 。如何使用目录？ Mac OS X Finder将一些目录显示为Files（.app，.tmbundle，.abbu，...）。在大多数情况下，这是美好的。在通过File-和DND-API与浏览器交互的情况下，它不是。最终用户无法区分真实文件和类似于my-addressbook-backup.abbu
..
如何检测浏览器支持文件API拖动下拉
我喜欢在div上添加一个背景，仅用于支持拖放功能的浏览器。下载文件 我不喜欢使用modernizr，只是一行脚本 解决方案 为什么不从Modernizr复制所需的部件？ var isEventSupported =（function（）{ var TAGNAMES = { 'select'：'input'，'change'：'input'， 'submit'：'form
..
HTML5 File API中的FileReader.readAsText如何工作？
我写了以下代码，以检查上传的文件是否存在与使用HTML5文件API。 添加文档
代码已被映射到如下： function addDoc
..