Question

我目前正在创建一个应用，用户可以对图片应用过滤器。无论如何，根据图像的大小，应用过滤器的脚本可能需要很长时间。所以我想给工人一个尝试。（PHP不是替代btw）

所以首先我有我的函数应用过滤器，它工作得很好（在工人之外）。所以这里是我的代码

主要的javascript文件，我定义了函数和worker：

jQuery(function ($)
{    

    var worker = "undefined";

    applyEffect();
    CreateWorker(worker);
});

//function to apply the effect stands here

/*-------------------*/
  /*WORKER*/
/*-------------------*/


//worker answers
function defineWorker(worker)
{
    worker.onmessage = function(e)
    {
        if(e.data == "msg from worker")
        {
          console.log(e.data);
        }
        worker.terminate();
  }
}


function CreateWorker(worker)
{
    $("#filters li").click(function clickWorker()
    {
        if (typeof worker == "undefined")
        {
            worker.terminate()
        }
        else
        {
            console.log("worker created");
        }
        worker = new Worker('js/worker.js');
        defineWorker(worker);
        worker.postMessage("hello"); // Start the worker.
    });
}

这里是工人（worker.js）：

self.onmessage = function(e)
{
    if(e.data == "hello")
    {
        applyFilter(Argument1,Argument2,function()
        {
            self.postMessage('msg from worker' + $(window).width());
        });
    }
}

当我尝试通过点击启动工作时，我得到＆＃34; ReferenceError：applyFilter未定义＆＃34; ...同样适用于jQuery代码：＆＃34; ReferenceError：$未定义＆＃34 ;

我在这里理解这个问题，但我不知道如何解决它。

我希望有人可以帮助我:)。

Answer 1

每个工作人员都拥有自己的范围，无法访问像applyFilter（） - Method这样的公共函数。它与库和DOM一样。工作者没有DOM-Access，所以我认为你不能在这里使用它们。

给它一个舔here

有效选项是将所有图像的信息存储在对象中，并将此对象提供给工作者。然后，工作人员在对象上应用一些标签或过滤器，并将其发送回主要部分。

访问网络工作者的预制功能

1 个答案: