Когда я пытаюсь загрузить изображение, оно не работает

Question

Кстати, я использую Visual Studio Code вместо codepen. На уроке я познакомился с глобальными переменными. Я создал один под комментарием «// Глобальная переменная» под названием «image». Я могу получить к нему доступ где угодно. Однако мой код все еще не работает.

Кто-нибудь знает, почему? Ниже представлена ​​часть JavaScript файла HTML. Я проверил весь свой код CSS и HTML, и я убежден, что ошибка заключается в коде JavaScript.

<script src="https://www.dukelearntoprogram.com/course1/common/js/image/SimpleImage.js">
</script>
<script>
    //Global Variable
    var image;
    //Function for uploading a file
    function upload() {
        image = new SimpleImage(fileinput);
        var imgcanvas = document.getElementById("canvas1");
        var fileinput = document.getElementById("finput");
        image.drawTo(imgcanvas);
    }
    function makeGray() {
        for (var pixel of image.values()) {
            var avg = (pixel.getRed() + pixel.getGreen() + pixel.getBlue())/3;
            pixel.setRed(avg);
            pixel.setGreen(avg);
            pixel.setBlue(avg);
        }
        var imgcanvas = document.getElementById("canvas1");
        image.drawTo(imgcanvas);
    }
</script>

Answer 1

Насколько я понимаю, вы использовали переменную fileinput перед ее объявлением. Измените свою функцию на это:

//Function for uploading a file
function upload() {
    var imgcanvas = document.getElementById("canvas1");
    var fileinput = document.getElementById("finput");
    image = new SimpleImage(fileinput);
    image.drawTo(imgcanvas);
}

Я не знаю, решит ли это вашу проблему, поскольку у нас нет всех частей, но это определенно была ошибка.