Javascript で作成した描画アプリケーションに画像アップローダーがあります。ユーザーがキャンバスに同じ画像を複数配置できるようにしたい。ただし、既にキャンバスにある画像をアップロードしようとすると、何も起こらず、アップローダーのイベント ハンドラーのブレークポイントに到達しません。どうすれば修正できますか? ありがとう!
私の画像ハンドラのコードは次のとおりです。
function handleImage(e) {
var reader = new FileReader();
reader.onload = function(event) {
var img = new Image();
img.onload = function() {
img.className = 'drag';
img.style.left = 0;
img.style.top = 0;
context.drawImage(img, parseInt(img.style.left, 10) , parseInt(img.style.top, 10));
images.push(img);
}
img.src = event.target.result;
}
reader.readAsDataURL(e.target.files[0]);
};