Javascript 将图像上载到节点webkit中的画布_Javascript_Node.js_Canvas_Webkit_Node Webkit

Javascript 将图像上载到节点webkit中的画布

javascript node.js canvas

Javascript 将图像上载到节点webkit中的画布,javascript,node.js,canvas,webkit,node-webkit,Javascript,Node.js,Canvas,Webkit,Node Webkit,我想将图像上载到画布，然后使用node webkit运行程序，因此我的代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Slicer</title> <script> var imageLoader = document.getElementById('imageLoader'); im

我想将图像上载到画布，然后使用node webkit运行程序，因此我的代码如下：

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Slicer</title>
    <script>
        var imageLoader = document.getElementById('imageLoader');
   imageLoader.addEventListener('change', handleImage, false);
   var canvas = document.getElementById('imageCanvas');
  var ctx = canvas.getContext('2d');
function handleImage(e){
var reader = new FileReader();
reader.onload = function(event){
    var img = new Image();
    img.onload = function(){
        canvas.width = img.width;
        canvas.height = img.height;
        ctx.drawImage(img,0,0);
    }
    img.src = event.target.result;
}
reader.readAsDataURL(e.target.files[0]);     
}
    </script>
</head>
<body>
    <h1>Image Slicer</h1>
    <label>Image File:</label><br/>
   <input type="file" id="imageLoader" name="imageLoader"/>
    <canvas id="imageCanvas"></canvas>
</body>
 </html>

**更新**

我忘记等待加载事件

window.addEventListerner('load', app, false);

您应该等待document.onload，然后访问DOM元素。将脚本放在

document.onload=function{…}

上，而不是用答案更新问题，您应该在下面的答案区域回答自己的问题，并将其标记为已接受。通过这种方式，问题可以正确地结束（参考您的其他问题）。

window.addEventListerner('load', app, false);