Search code examples
javascripthtmlgoogle-chromegoogle-chrome-os

Load local files on Chrome-os

I am trying to create a JavaScript pacman game, but whenever I try and load my script files or images, I get the error:

enter image description here
The browser I'm using is chrome, and the files are stored in the same directory. I am running CHROME OS, so I can't just go into files and edit an existing flag.
Same for the images, except the file name is different.
Does anyone know why I am getting an error Access Denied, or how I could test the files?
The files are loaded using this format

<script src="Scripts/gamescript.js"></script>
<body>
    <div class="game" id="game">
        <img src="/Images/ghosts/red.png" />
    </div>
</body>

Per request, here is my file tree

/Javascript_Pacman_Game/
    index.html
    /Styles/
        stylesheet.css
    /Scripts/
        gamescript.js
        myCustomLibrary.js
        setInterval.js
    /Images/
        /Ghosts/
            red.png
            blue.png
            pink.png
            orange.png
            scared.png
        /GameElements/
            board.jpg
            bloop.png
            superBloop.png

The problem isn't spelling or file permissions, and I can't run a local host because of Chrome-OS.

Solution

  • Try installing Web server for Chrome, telling it to serve files from your /Javascript_Pacman_Game folder, and testing your app at http://127.0.0.1:8887/