javascript在画布上传图片

问题描述 投票:0回答:1

我尝试将图像上传并绘制到画布中。我有按钮和画布的html代码和onchange事件的js代码。我的代码不起作用,我没有任何错误来弄清楚发生了什么。

javascript html5 image canvas loader
1个回答
1
投票

修复方法是在结束标记</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以获得最佳实践。

© www.soinside.com 2019 - 2024. All rights reserved.