Javascript 从本地文件将图像上载到CreateJS

Javascript 从本地文件将图像上载到CreateJS,javascript,canvas,easeljs,createjs,Javascript,Canvas,Easeljs,Createjs,我尝试将图像从本地文件上传到CreateJS。 代码是: 但在选择文件之后,图像不会显示在画布上。怎么了?尝试创建图像的位图,而不是使用新图像(); 然后将此位图添加到舞台上,这应该会起作用。您能创建一个JSFIDLE示例吗? function draw() { stage = new createjs.Stage('canvas'); var img = new Image(), f = document.getElementById("uploadimage"

我尝试将图像从本地文件上传到CreateJS。 代码是:


但在选择文件之后,图像不会显示在画布上。怎么了?

尝试创建图像的位图,而不是使用新图像();
然后将此位图添加到舞台上,这应该会起作用。

您能创建一个JSFIDLE示例吗?
function draw() {
    stage = new createjs.Stage('canvas');
    var img = new Image(),
        f = document.getElementById("uploadimage").files[0],
        url = window.URL || window.webkitURL,
        src = url.createObjectURL(f);
        img.src = src;
    img.onload = function() {
        image = new createjs.Bitmap(this);
        stage.addChild(image);
        stage.update();
        url.revokeObjectURL(src);
    }
}

document.getElementById("uploadimage").addEventListener("change", draw, false);