草庐IT

javascript - 为什么 'file.size'需要很多时间，如何减少时间？

coder 2024-05-17 原文

我正在制作一个处理被拖到应用程序中的歌曲的应用程序。当我使用 file.size 获取文件大小时，获取该值大约需要 1500 毫秒(平均)。有没有更快的方法？我理解为什么这需要时间(和内存)，但由于我是处理 HTML5 文件的新手，也许有一些我不知道的东西可以使这个过程更快。

文件系统 API 也是如此。如果我通过它调用文件并调用 file.size，则需要类似的时间。

PS 我是通过在我的代码中添加 console.time() 得出这个结论的。

这是代码(大量精简)

fileSystem.root.getFile(id, {}, function(fileEntry) {
    fileEntry.file(function(audioTemp) {
        console.time(1);
        console.log(audioTemp.size);
        console.timeEnd(1)
    });
});

这是文件系统 API 示例。这(显然)需要名为 id 的文件才能正常工作。下面是D&D文件输入代码

function onChangeAddSongsInput() {
    var files = document.getElementById('addSongsInput').files;
    for(var i=0; i<files.length; i++) {
        console.time(1);
        console.log(files[i].size);
        console.timeEnd(1)
    }
}

编辑

我使用的是 AMD 等效双核处理器，2.7 GHz，2 GB 内存，win7 x64。我认为这些规范实际上足够好。因此，如果某件事确实在我的机器上花费了足够长的时间，我将不予考虑。

这是我应用程序中主要错误修复的阻止程序。我真的很想在很长一段时间内提供修复程序。我无法设置赏金(但)也许在设置赏金之前有最短时间。

编辑

我做了一些测试，事实证明，它花了这么长时间，因为 chrome 计算 大小而不是仅仅从一些元数据中读取它。 Here是测试结果。

文件越大，花费的时间越长，如果第二次调用它会使用一些缓存并且不会加载文件。所以现在..我怎样才能减少这个时间？大小在我的应用程序中是一个重要信息，但可能不足以使用户的每个文件的上传速度降低约 1.5 秒!我正计划导入库，这真的有助于减少添加 100 首左右歌曲的时间。这一次将对应用的响应时间产生重大影响。

最佳答案

这是一个准有根据的猜测:

查看the definition of the HTML5 File interface显示 File 是 Blob 并且 size 属性实际上是 Blob interface 的一部分.

因为 Blob 是对原始数据 block 的抽象，访问 size 属性实际上可能导致实现将整个文件加载到内存中。您可以编写一个实验来查看延迟是否随文件大小而变化，或者延迟是否仅发生在第一次读取 size 属性时。

编辑:

我真的觉得这种低效率是浏览器对 File 接口(interface)的实现的问题，但这里有两个解决方法，可以解决将大文件加载到内存中时如何避免延迟的问题:

Web worker( MDN reference , WHATWG Webapps Standard )将允许您将文件的缓慢加载基本上放到另一个线程中。我认为这是您最好的选择。

另一种方法是使用 slice method Blob 接口(interface)加载 File 的一小部分。如果 slice 的实现只加载文件的所需部分，它应该会更快。您必须为每个文件加载多个切片，并且您需要通过注意 slice< 返回的="">Blob 的大小来检测何时到达文件末尾。您将通过取回比预期更小的 blob 来检测文件的结尾——来自规范:

The slice method MUST clamp on values of size if index arithmetic exceeds the bounds of size. In particular, this means that for a given slice call:

If start + length > size then a user agent MUST return a Blob object as if slice(start, size-start) was called.

If start > size then a user agent MUST return a Blob object of size 0

不幸的是，规范还提到了当您请求 Blob 的缓冲区大小之外的切片时抛出异常的可能性——在执行此操作的任何实现中，您都必须捕获一个检测文件结尾的异常。

关于javascript - 为什么 'file.size'需要很多时间，如何减少时间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7325795/

javascriptampcodesizenoreferrergoogle-chromefile-uploadhtml5-filesystem

有关javascript - 为什么 'file.size'需要很多时间，如何减少时间？的更多相关文章

  1. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法？ - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  2. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou

  3. ruby - 我需要将 Bundler 本身添加到 Gemfile 中吗？ - 2

    当我使用Bundler时，是否需要在我的Gemfile中将其列为依赖项？毕竟，我的代码中有些地方需要它。例如，当我进行Bundler设置时:require"bundler/setup" 最佳答案 没有。您可以尝试，但首先您必须用鞋带将自己抬离地面。 关于ruby-我需要将Bundler本身添加到Gemfile中吗？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/4758609/

  4. ruby-on-rails - Rails - 子类化模型的设计模式是什么？ - 2

    我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co

  5. ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的 - 2

    我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t

  6. ruby - 什么是填充的 Base64 编码字符串以及如何在 ruby​​ 中生成它们？ - 2

    我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%

  7. ruby - 解析 RDFa、微数据等的最佳方式是什么，使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  8. ruby - 为什么 4.1%2 使用 Ruby 返回 0.0999999999999996？但是 4.2%2==0.2 - 2

    为什么4.1%2返回0.0999999999999996？但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意，这不是与Ruby相关的问题，而是与所有编程语言相关的问题，因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返

  9. ruby-on-rails - Rails 3.2.1 中 ActionMailer 中的未定义方法 'default_content_type=' - 2

    我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他，以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时，出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer

  10. ruby - 在 jRuby 中使用 'fork' 生成进程的替代方案？ - 2

    在MRIRuby中我可以这样做:deftransferinternal_server=self.init_serverpid=forkdointernal_server.runend#Maketheserverprocessrunindependently.Process.detach(pid)internal_client=self.init_client#Dootherstuffwithconnectingtointernal_server...internal_client.post('somedata')ensure#KillserverProcess.kill('KILL',

随机推荐