ylh
October 20, 2019, 7:34pm
1
I have a trivial problem. I can’t seem to load an image file, which is in the same directory as the html code here https://editor.p5js.org/ylh888/sketches/wNPt1-pbY
Running on my local browser, it shows the same “Loading …” message as in the linked sketch above, but of course I do have the file in the directory. What seems to be the problem? I’m using OSX with Safari and Chrome. Is there is a security setting that I need to reset?
1 Like
Your “sketch.js” file there got HTML tags in it, such as <html>
, <script>
& <body>
.
Vanilla JS syntax doesn’t support those kind of tags. Those should go into “.html” files instead.
Here’s a sketch w/ “index.html” + “sketch.js” files, and 2 images inside its subfolder “assets/”:
1 Like
ylh
October 20, 2019, 11:40pm
3
Thanks.
My ‘sketch’ was actually an index.html code with javascript included.
In any event, I replicated your code and still get “Loading …”. I am guessing it may be an ‘environment’ issue of some sort.
If you wish, you can delete the “sketch.js” file and keep “index.html” only w/ your whole code in it.
However, for organization purposes, it’s better to separate the HTML code from the JS 1s.
ylh
October 21, 2019, 1:10pm
5
OSX Safari defaults to blocking uploading of local files. The solution is to go into Develop tab and check Disable Local File Restrictions.
2 Likes