fileapi相关内容

Javascript / HTML5文件API将顺序文件读入多部分表单数据

我正在使用HTML5 File API来组合多部分表单数据,以便XHR将其提交给Web服务。我有整个工作在FF,它有一个很好的方便的getAsBinary()方法包含在他们的文件API的实现中。这是一个非常甜蜜的交易。它基本上是: var const; //构造函数 const + = headers; const + = field_data; for(var i = 0; ..
发布时间:2018-07-02 13:34:41 前端开发

HTML5文件API:如何查看readAsText()的结果

当 readAsText()功能完成时,结果存储在 .result 如何在 .result 中查看所读取文件的内容是否正确? fr = new FileReader(); fr.readAsText(file); var x = fr.result; console.log(x); //在控制台上不显示任何内容 现在我该如何显示。结果对象验证内容? ..
发布时间:2018-06-29 21:38:50 前端开发

如何在现代浏览器中生成缩略图客户端?

我正在寻找一种优雅的方式来生成缩略图,供 FileAPI 使用。目前,我获得了代表图像的 DataURL 。问题是,如果图像非常大,那么移动它并重新渲染就会变成CPU密集型。我可以看到2个选项来解决这个问题。 在客户端生成缩略图 生成服务器上的缩略图,将缩略图发送回客户端(AJAX)。使用 HTML5 code>我们有一个 canvas 元素?有谁知道如何使用它从图片生成缩略图?他们 ..
发布时间:2018-06-29 21:14:29 前端开发

使用JavaScript HTML5文件API(离线网站)读取本地文件

我正在开发一个将打包在.exe文件中的网站。所以该网站只能在离线状态下使用。现在我需要解析一个本地的XML文档。编辑:我不想使用 或将文件拖入浏览器中。 解决方案 恐怕我可能是您的设计的坏消息:您所要求的操作明确违反了File API规范中指定的安全模型。 FileReader()的客户端实现必须确保“FileRea ..
发布时间:2018-06-29 21:08:07 前端开发

使用WebSocket上传大文件

我试图使用WebSocket API上传大文件(至少500MB,最好高达几GB)。问题是我无法弄清楚如何编写“发送此文件的片段,释放使用的资源然后重复”。我希望我可以避免使用像Flash / Silverlight这样的东西。 目前,我正在使用以下内容: 函数FileSlicer(文件){ //随机选取1MB切片, //我不认为这个大小对于这个实验 this.sliceSize ..
发布时间:2018-06-29 20:50:56 前端开发

HTML5 File API从服务器下载文件并将其保存在沙箱中

我正在尝试了解HTML5 API。 我正在设计浏览器客户端需要从服务器下载多个文件的Web应用程序;用户将对下载的文件和应用程序执行某些操作,而不是需要在用户上保存状态。我知道浏览器只能将这些文件保存到它的沙盒中,只要用户可以在第二次启动应用程序时检索这些文件就可以了。 我应该使用BlobBuilder还是FileSaver?我在这里有点迷路。 解决方案 我将向您展示如何使用 ..
发布时间:2018-06-29 20:48:03 前端开发

使用HTML5 FileSystem API将文件写入桌面

我正在玩 FileSystem API 。 我发现了很多示例,您可以在其中生成下载链接并让用户以“浏览器方式”下载文件。 我想知道两件事: 有吗以任何方式将ajax结果作为文件直接写入磁盘(没有任何类型的提示)。比如用户的桌面。例如。 blob是最合适的格式吗? http://jsfiddle.net/FBGDe/ p> var xhr = new XMLHt ..
发布时间:2018-06-29 20:40:42 前端开发

如何从对象URL获取文件或blob?

我允许用户通过拖放和其他方法将图像加载到页面中。当图片被删除时,我使用 URL.createObjectURL 转换为对象URL来显示图片。我不撤销网址,因为我重复使用它。 因此,当需要创建 FormData 对象,所以我可以允许他们上传带有其中一个图像的表单,是否有某种方式可以将该对象URL反转回 Blob 或 File ,然后我可以将它附加到 FormData 对象中? 解决方案 ..
发布时间:2018-06-29 20:19:05 前端开发

解码&使用html5文件api播放歌曲

我一直在试图学习文件api。这里我想播放一首歌,但没有声音产生。我尝试使用readAsArrayBuffer()方法,因为我发现它用于解码音频文件。但是,不幸的是没有发生任何事情,这可以解决。感谢:) #files { display:none; } #lab { display:inline-block; widt ..
发布时间:2018-06-26 10:45:03 前端开发

将图像从桌面拖放到浏览器,而不是通过输入进行搜索

我有一个非常基本的输入表格,它允许我从本地文件夹中选择多个图像并将它们显示在页面上以及显示文件类型/名称/大小等信息。 我希望能够将图像拖放到页面中,而不是每次都手动搜索图像。这是我卡住的地方。我不知道我需要什么谷歌才能得到我想要的结果。我在文件API 中看到了很多我真正不了解的东西。 这是我到目前为止: https://jsfiddle.net/umx1vpwy/ 任何帮助都将 ..
发布时间:2018-06-22 20:12:09 前端开发

HTML5 File API修改file.name

如果发生什么事情,我正试图修改文件的名称。我试过做 file.name = file.name +'extra text'; 但它不起作用。我会如何去改变文件的名称一旦上传? 解决方案 我假设您使用HTML5 File API来存储沙盒文件到本地文件系统。 如果您想要修改存在文件的名称,您必须首先获取fileEntry对象: window.webkitRequestFileSys ..
发布时间:2018-06-21 13:27:36 前端开发

参数不是'Blob'类型

我已经编写了下面的代码来使用文件API显示本地文件中的文本,但是当我单击该按钮时,没有任何反应,当我检查浏览器中的元素时,出现以下错误,我的东西错误? 未捕获TypeError:未能在'FileReader'上执行'readAsText':参数1不是'Blob'类型。 > < HTML> <身体GT; 此示例使用addEvent ..
发布时间:2018-06-15 14:06:35 前端开发

如何在Webkit浏览器中访问粘贴的文件? (如Google Chrome)

如果能够在Stack Exchange上粘贴图像,而不是插入文件对话框,这将非常方便。类似的功能在这里实现,但仅适用于Webkit浏览器。 我正在开发 userscript来完成这项工作。有趣的是,我从来没有完成获取文件(这是不同于原始图像数据)从Webkit浏览器中的剪贴板中获得,而在Firefox中则可行。 Firefox解决方案: div.addEventListener ..
发布时间:2018-05-08 17:57:17 前端开发

有什么细节可以从webkitStorageInfo.queryUsageAndQuota()获得

webkitStorageInfo.queryUsageAndQuota()用于查找使用HTML5文件系统API存储在文件系统中的文件的使用情况统计信息。任何人都可以给我提供给此函数的回调中可以获得的细节。 window.webkitStorageInfo.queryUsageAndQuota(webkitStorageInfo。 PERSISTENT,function(){ //在这个 ..