Web 中读取 e.clipboardData.files 耗时过长原因分析与解决

Posted 2022-01-01 张驰Terry

原因分析

在chrome浏览器引擎的底层实现中，这一步隐含了转Blob的操作，当文件非常大时，耗时惊人

// data_transfer.cc
FileList* DataTransfer::files() const 
  auto* files = MakeGarbageCollected<FileList>();
  if (!CanReadData())
    return files;

  for (uint32_t i = 0; i < data_object_->length(); ++i) 
    if (data_object_->Item(i)->Kind() == DataObjectItem::kFileKind) 
      Blob* blob = data_object_->Item(i)->GetAsFile();
      if (auto* file = DynamicTo<File>(blob))
        files->Append(file);
    
  

  return files;

优化手段

可以通过提前判断，当能够获取到html数据时，直接进行解析，跳过读取files的步骤