This is how to upload custom images to the gallery:
Using Google Chrome Inspector, you can find out the line that is triggered in the Javascript code when the "SAVE" button is pressed (inspect the "SAVE" button element, and it will tell you what part of the code is executed when it's clicked). By looking at the code, you see that what happens is: the previous HTML5 Canvas where you draw the snowflake is rendered into JPEG and encoded in base64 (.toDataURL("image/jpeg")), then the data is appended to the <form> element inside the "value" attribute of an <input> tag. Then, the form is submitted via POST.
So if you set a DOM Breakpoint (using Chrome's Inspector) to watch for subtree modifications of the <form>, you will catch it when the <input> tag is appended. Then, you go take your own custom .jpeg, encode it into base64 (for example here: http://base64.wutils.com/encoding-online/image-to-base64/), and then paste your custom image data inside the the "value" attribute. Then you resume the script, and the server will receive your custom image data, instead of the original one.
Using Google Chrome Inspector, you can find out the line that is triggered in the Javascript code when the "SAVE" button is pressed (inspect the "SAVE" button element, and it will tell you what part of the code is executed when it's clicked). By looking at the code, you see that what happens is: the previous HTML5 Canvas where you draw the snowflake is rendered into JPEG and encoded in base64 (.toDataURL("image/jpeg")), then the data is appended to the <form> element inside the "value" attribute of an <input> tag. Then, the form is submitted via POST.
So if you set a DOM Breakpoint (using Chrome's Inspector) to watch for subtree modifications of the <form>, you will catch it when the <input> tag is appended. Then, you go take your own custom .jpeg, encode it into base64 (for example here: http://base64.wutils.com/encoding-online/image-to-base64/), and then paste your custom image data inside the the "value" attribute. Then you resume the script, and the server will receive your custom image data, instead of the original one.
Using Google Chrome Inspector, you can find out the line that is triggered in the Javascript code when the "SAVE" button is pressed (inspect the "SAVE" button element, and it will tell you what part of the code is executed when it's clicked). By looking at the code, you see that what happens is: the previous HTML5 Canvas where you draw the snowflake is rendered into JPEG and encoded in base64 (.toDataURL("image/jpeg")), then the data is appended to the <form> element inside the "value" attribute of an <input> tag. Then, the form is submitted via POST.
So if you set a DOM Breakpoint (using Chrome's Inspector) to watch for subtree modifications of the <form>, you will catch it when the <input> tag is appended. Then, you go take your own custom .jpeg, encode it into base64 (for example here: http://base64.wutils.com/encoding-online/image-to-base64/), and then paste your custom image data inside the the "value" attribute. Then you resume the script, and the server will receive your custom image data, instead of the original one.