Loading local json into p5.JS

lee00678

I'm having trouble loading a local file or local image into p5.js. Keep getting the error: MLHttpRequest cannot load file:///Users/mac/Desktop/p5/empty-example/assets/test.txt.

Thanks.

PhiLho

Some browsers have limitations on loading files / running JS using the file:// protocol.
You should start up a simple web server, like Mongoose, and run your code from http://localhost

GoToLoop

Or just use Firefox Development Edition:
https://www.mozilla.org/en-US/firefox/developer/

No need for any server this way! \m/

lee00678

perfect! works now! thanks.

blyk

can you update the local json file in p5js. I mean, can we update the local data.json file with new json object,

For example let say I have -

    // data.json
    [
      { 
        "id": 0
        "text":"New processing is avaialbe to download"
      },
        { 
        "id": 1
        "text":"I am the new processing"
      },
        { 
        "id": 2
        "text":"Now I am updated. Restart me"
      },
    ]


    // New json object ---> how to update this in the file
      { 
        "id": 3
        "text":"I am the new JSONOBject hwo do I update my self"
      },

PhiLho

A browser can read a file from the file system, but it won't write it back! Or you need a server-side code (PHP or other) to get the update request and modify the file accordingly.