我尝试将图像上传并绘制到画布中。我有按钮和画布的html代码和onchange事件的js代码。我的代码不起作用,我没有任何错误来弄清楚发生了什么。
修复方法是在结束标记</body>
之前简单地将脚本包含在正文的末尾。
您的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>
请注意,当您应该/不应该在<head>
标记中包含脚本时,必须注意,并将其包含在</body>
标记的末尾。您可以查看此post以获得最佳实践。