将本地图像设置为EaselJS背景

Question

我正在构建一个EaselJS应用程序，我希望用户能够从硬盘驱动器中选择一个图像作为应用程序的背景。一旦他们完成与应用程序的交互并选择提交我想上传图像，但不是在此之前。有没有办法可以做到这一点？如果这有任何区别，我正在使用Rails。

Answer 1

您可以使用方法readAsDataURL from Filereader，然后将结果传递给Image对象，最后将该图像作为新的easeljs.Bitmap对象的参数传递。

function previewFile(){
    var file = input.files[0];
    var reader = new FileReader();
    reader.onloadend = function () {
        image.src = reader.result;
        var bitmap = new createjs.Bitmap(image);
        stage.addChild(bitmap);
    }
    if (file) {
        reader.readAsDataURL(file);
    } else {
        alert("fail");
    }
}

我创造了一个小提琴，做了类似的事情： https://jsfiddle.net/vampaynani/b5maj7nd/