Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript在画布中上载图像_Javascript_Html_Image_Canvas_Loader - Fatal编程技术网

javascript在画布中上载图像

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代码和onchange事件的js代码。
我的代码不起作用,我也没有任何错误来判断发生了什么。

解决方法是将您的脚本包含在正文的末尾结束标记之前

您的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的文件是分开的(同一个文件夹)。我将它们链接到,但我的图像加载程序没有发生任何情况。是否在
中添加脚本标记?必须将其添加到正文的末尾,否则它将无法工作。能否打开浏览器控制台并检查日志中是否有任何错误?请在正文结束标记之前添加此