javascript在画布中上载图像
我试着上传一张图片并把它画到画布上。 我有按钮和画布的html代码和onchange事件的js代码。javascript在画布中上载图像,javascript,html,image,canvas,loader,Javascript,Html,Image,Canvas,Loader,我试着上传一张图片并把它画到画布上。 我有按钮和画布的html代码和onchange事件的js代码。 我的代码不起作用,我也没有任何错误来判断发生了什么。解决方法是将您的脚本包含在正文的末尾结束标记之前 您的html代码将如下所示: <html> <body> <div id="buttonsDiv" > <input type="file" accept="image/*" title="Upload Image" class=
我的代码不起作用,我也没有任何错误来判断发生了什么。解决方法是将您的脚本包含在正文的末尾结束标记之前 您的html代码将如下所示:
<html>
<body>
<div id="buttonsDiv" >
<input type="file" accept="image/*" title="Upload Image" class="normal-button" id="uploadBtn"/>
</div>
<canvas id= "myImgCanvas" title="Drop an image here to upload" ></canvas>
<script src="myFileName.js"></script>
</body>
</html>
请注意,当您应该/不应该将脚本包含在
标记中,而不是将其包含在
标记的末尾时,您必须注意。您可以查看此最佳实践。您希望得到什么结果,我尝试了,图像正在加载到画布中。你能详细说明“什么不起作用”吗?我有相同的代码,但是js和html的文件是分开的(同一个文件夹)。我将它们链接到,但我的图像加载程序没有发生任何情况。是否在
中添加脚本标记?必须将其添加到正文的末尾,否则它将无法工作。能否打开浏览器控制台并检查日志中是否有任何错误?请在正文结束标记之前添加此