javascript - 图像预览和网络 worker

标签 javascript html html5-canvas filereader web-worker

是否可以在 web worker 中使用文件读取器 api 来加载图像,即用于预览/缩略图,从而防止主 ui 线程阻塞。

类似于 this但是将 CPU 密集型部分(主要是读取文件内容和缩放图像)包装在网络 worker 中

最佳答案

从工作人员无法访问页面的 DOM 级别,因此您无法创建图像对象或 Canvas (用于缩放部分),所以答案是否定的,因为您想要操作图像。

虽然可以通过 ajax 或 FileReaderSync 在 web worker 上加载图像文件,将其转换为 base64 数据 url 字符串并将其发送回主脚本,但没有处理图像以创建缩略图的方法。 (除非你知道 png/jpg/bmp 格式的文件规范,并且想硬编码一个直接在二进制字符串上工作的缩放函数,否则看起来不太好吧?)

关于javascript - 图像预览和网络 worker ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9287202/

相关文章:

javascript - 如何将 Python 变量的值发送到 HTML 中的 JavaScript

javascript - D3 自动完成将div更改为输入框

java - 将 &lt;script&gt; 添加到 <head> from Play Framework 2 中的 scala 模板标签

javascript - 如何执行此正则表达式命令?

html - 无法在 css 中的 <div> 之后的 <div> 中的 <p> 上获取颜色

javascript - 'to.include' 在 'to.eventually.equal' 工作的地方不工作

php - 在 PHP 中验证 XHTML5?

javascript - SVG - 带左圆 Angular 的矩形

javascript - Canvas 矩形背景图像

javascript - 如何独立创建一个新的ImageData对象?