Saving p5js canvas as image to a server/database

[AndreasRef]

Hi

Short question
What is the simplest way to save the p5js canvas on a public website (that everybody can access) as an image file to a server (that only I can see)?

Longer explantion:

I have made an art project with a p5js website aimed at mobile users, where people take pictures and some effects + text appear on top of the images. For an exhibition I have been asked to store the pictures people take in a database, if they agree to upload them.

The website needs to be publicly available, so running things localhost will not work. The images saved on the server only need to be available to me, and will not be displayed online.

All hints and tips much appreciated!

Best
Andreas

[josephh]

Hi,

Take a look at this link :

• https://github.com/processing/p5.js/issues/2733

[jeremydouglass]

Also, related question about httpPost():

Basic httpPost() Image/Data to Server

Ive been pulling my hair out for weeks trying to accomplish something that seemed pretty straight forward… I want to make a javascript plug in with p5.js that resembles a t-shirt designer. I want a user to be able to upload an image, and move it on the canvas. After that I want the user to be able to save that image and position to my server (specifically a wordpress website). I have a canvas that a user can drag and drop an image into, and it works well! Now, I want to save the image to a fol…

And possibly see also:

• save() to a remote Location? · Issue #3353 · processing/p5.js · GitHub
• Uploading recorded audio to web server (node.js, express) - #2 by wildneuro
• javascript - upload image with ajax from camera using p5.js - Stack Overflow

[AndreasRef]

Thanks @jeremydouglass & @josephh