Javascript 图像未定义

我读过很多类似的错误，但仍然找不到解决方案，这是我第一次写js，我想从我的驱动器中读取一个图像文件并调整大小，但我的第一行代码给了我错误，谢谢

var img = new Image();

---

但是我得到了这个参考错误：图像没有定义任何帮助这里是一个如何将图像上传到服务器的示例

crapper.js
.标签{
光标：指针；
}
.进展{
显示：无；
边缘底部：1rem；
}
.警惕{
显示：无；
}
.img容器img{
最大宽度：100%；
}
将裁剪后的图像上载到服务器
0%
裁剪图像
&时代；
取消
收成
addEventListener（'DOMContentLoaded'，函数（）{
var avatar=document.getElementById（'avatar'）；
var image=document.getElementById（'image'）；
var input=document.getElementById（'input'）；
变量$progress=$（'.progress'）；
变量$progressBar=$（'.progressBar'）；
var$alert=$（'.alert'）；
变量$modal=$（“#modal”）；
变异作物；
$（'[data toggle=“tooltip”]'）。tooltip（）；
input.addEventListener（'change'，函数（e）{
var files=e.target.files；
var done=函数（url）{
input.value=''；
image.src=url；
$alert.hide（）；
$modal.modal（'show'）；
};
变量读取器；
var文件；
var-url；
如果（files&&files.length>0）{
file=文件[0]；
如果（URL）{
完成（URL.createObjectURL（文件））；
}else if（文件读取器）{
reader=newfilereader（）；
reader.onload=函数（e）{
完成（reader.result）；
};
reader.readAsDataURL（文件）；
}
}
});
$modal.on（'show.bs.modal'，函数（）{
裁剪器=新裁剪器（图像{
方面：1，
查看模式：3，
});
}).on（'hidden.bs.modal'，函数（）{
crapper.destroy（）；
裁剪器=空；
});
document.getElementById（'crop'）.addEventListener（'click'，函数（）{
var-RurL；
var帆布；
$modal.modal（'hide'）；
如果（裁剪器）{
canvas=crapper.getcrappedcanvas({
宽度：160，
身高：160，
});
initialAvatarURL=avatar.src；
avatar.src=canvas.toDataURL（）；
$progress.show（）；
$alert.removeClass（'alert-success-alert-warning'）；
canvas.toBlob（函数（blob）{
var formData=new formData（）；
append（'avatar'，blob，'avatar.jpg'）；
$.ajax（'https://jsonplaceholder.typicode.com/posts', {
方法：“POST”，
数据：formData，
processData:false，
contentType:false，
xhr：函数（）{
var xhr=new XMLHttpRequest（）；
xhr.upload.onprogress=函数（e）{
风险值百分比='0'；
风险值百分比='0%'；
if（如长度可计算）{
百分比=数学四舍五入（（加载/总计）*100）；
百分比=百分比+“%”；
$progressBar.width（percentage）.attr（'aria-valuenow'，percent.）.text（percentage）；
}
};
返回xhr；
},
成功：函数（）{
$alert.show（）.addClass（'alert-success'）.text（'Upload success'）；
},
错误：函数（）{
avatar.src=initialAvatarURL；
$alert.show（）.addClass（'alert-warning'）.text（'Upload error'）；
},
完成：函数（）{
$progress.hide（）；
},
});
});
}
});
});

您在哪里执行此操作？浏览器？Node.js？其他地方？如果是node.js，则node.js没有

图像

类<代码>图像是浏览器的一部分。请发布更多代码，以便我们了解您真正想做什么do@gmannode.js请不要打开浏览器。那么，如果我可以问一下jquery呢？@OtávioBarreto这是我的编辑器中目前唯一的代码node.js可以处理图像的库。需要注意的是，JavaScript只是一种语言。可用的类和API来自该语言使用的环境。node.js有一套与浏览器完全不同的API。谢谢，但我在这里不处理web浏览器，我想从我的驱动器访问图像并调整其大小，然后再次将其保存到我的驱动器，因此该代码是我的起始代码，给了我一个错误。您必须定义图像路径

var img=new image（“path/to/image.jpg”）