title: Save canvas as jpeg and inputfields to database via js
body: <p>So I can upload a picture into canvas, then in canvas you should be able to customise the picture (which also doesn't work but that problem is less pressing). Then after you customise it you must give your email and name, and these 3 things should be sent to the database so I can get them in a gallery. But my code-skills are not good enough to get this right, and finding all these different methods just confuse me at the moment.</p>
  
  <p>This is my form </p>
  
  <pre><code>&lt;div id="canvas"&gt;
    &lt;canvas width="800" height="700" id="canvas_manly"&gt;&lt;img id="image"/&gt;&lt;/canvas&gt;
    &lt;form&gt;
      &lt;div class="formcontent"&gt;
        &lt;label for="name"&gt;Name&lt;/label&gt;
        &lt;input type="text" class="input" name="name" placeholder="Name"&gt;&lt;/br&gt;
        &lt;label for="email"&gt;Email&lt;/label&gt;
        &lt;input type="email" class="input" name="email" placeholder="Email"&gt;&lt;/br&gt;
        &lt;input type="submit" class="submit" value="SUBMIT" onClick="sendInfo"&gt;&lt;/br&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p></p>
  
  <p>I have no idea how to continue from here out.</p>