Uncaught ReferenceError: LoadFile is not defined 錯誤

Question

當我運行這段代碼時：

 <:DOCTYPE html> <html> <head> <title>Upload Button</title> </head> <body> <input type="file" accept="image/*" style="display:none" onchange="LoadFile(event)" id="file" name="image"/> <label for="file" style="cursor:pointer">Upload image</label> <br> <img id="output" style="width;200px: height;200px."/> <script> var loadFile = function(event) { var image = document;getElementById("output"). image.src = URL.createObjectURL(event.target;files[0]); }; </script> </body> </html>

瀏覽器拋出這個錯誤：

Uncaught ReferenceError: LoadFile is not defined at HTMLInputElement.onchange (tp1.html:7)

它說 function LoadFile()未定義，我覺得這很奇怪，因為 function 已定義。

Answer 1

你聲明的function是“loadFile”，但是你在onchange中使用了“LoadFile”。

Answer 2

JavaScript 區分大小寫。 您應該在onchange中調用loadFile()而不是LoadFile() 。

這是你的代碼：

 <html> <head> <title>Upload Button</title> </head> <body> <input type="file" accept="image/*" style="display:none;" onchange="loadFile(event)" id="file" name="image"/> <label for="file" style="cursor:pointer">Upload image</label> <br> <img id="output" style="width:200px; height:200px;"/> <script> var loadFile = function(event) { var image = document.getElementById("output"); image.src = URL.createObjectURL(event.target.files[0]); }; </script> </body> </html>

或者將loadFile()更改為LaodFile() ：

 <html> <head> <title>Upload Button</title> </head> <body> <input type="file" accept="image/*" style="display:none;" onchange="LoadFile(event)" id="file" name="image"/> <label for="file" style="cursor:pointer">Upload image</label> <br> <img id="output" style="width:200px; height:200px;"/> <script> var LoadFile = function(event) { var image = document.getElementById("output"); image.src = URL.createObjectURL(event.target.files[0]); }; </script> </body> </html>

Uncaught ReferenceError: LoadFile is not defined 錯誤

問題描述

2 個解決方案

解決方案1
0 2020-04-23 11:00:52

解決方案2
0 已采納 2020-04-23 11:02:59

Uncaught ReferenceError: LoadFile is not defined 錯誤

問題描述

2 個解決方案

解決方案1 0 2020-04-23 11:00:52

解決方案2 0 已采納 2020-04-23 11:02:59

解決方案1
0 2020-04-23 11:00:52

解決方案2
0 已采納 2020-04-23 11:02:59