Uncaught ReferenceError JavaScript

Question

Dzien dobry. Chce zrobic upload obrazka na mojej stronie i jego podglad ale nie dziala mi funkcja z osobnego pliku js. Pomocy.

 

function LoadPreview(event){
    //document.getElementById('preview').src = window.URL.createObjectURL(this.files[0]);

    var reader = new FileReader();
    reader.onload = function()
    {
        var output = document.getElementById('outputImage');
        output.src = reader.result;
    }
    reader.readAsDataURL(event.target.files[0]);
}

<div class="upload-btn-wrapper" >
        <button class="btn">Upload a file</button>
        <img id="preview" alt="Your image" width="100" height="100" />
        <input type="file" accept="image/*" onchange="LoadPreview(event)">
        <img id="outputImage"/>
      </div>

Blad ktory dostaje: Uncaught ReferenceError: LoadPreview is not defined
    at HTMLInputElement.onchange (index.html:25)

Comments

nie dziala mi funkcja z osobnego pliku js

Czy jesteś pewien, że ten plik jest ładowany na stronie? Zobacz w zakładce Network (lub Sieć) narzędzi deweloperskich, czy Twój skrypt pobiera się prawidłowo. Możesz też wypisać na jego początku np. console.log('Skrypt ok'); jeśli to się nie wypisze, tzn., że skrypt nie został wczytany na stronie.

---

Dzięki wielkie!

Plik się nie ładował. Nie wiem co było tego przyczyną, być może to, że miałem tak samo nazwane dwa pliki tj. main.php i main.js. Po zmianie nazwy wszystko działa, dziękuje za pomoc.