title: how to send image to server with http.post in javascript and store base64 in mongodb
body: <p>I have trouble getting into http requests on the client-side storing images on the server-side using mongodb. I appreciate help a lot. I need an easy example of how i add an image file as data into a http post request such as XMLhttprequest. Lets say, I know the url of the servermethod. The source of the image is defined in </p>
  
  <pre><code>imgsrc
  </code></pre>
  
  <p>a name of the file is stored in</p>
  
  <pre><code>name
  </code></pre>
  
  <p>I have this atm:</p>
  
  <pre><code>var http = new XMLHttpRequest();
  httpPost.onreadystatechange = function(err) {
          if (httpPost.readyState == 4 &amp;&amp; httpPost.status == 200){
              console.log(httpPost.responseText);
          } else {
              console.log(err);
          }
      }
  var  path = "http://127.0.0.1:8000/uploadImage/"+name;
  httpPost.open("POST", path, true);
  // I guess I have to add the imagedata into the httpPost here, but i dont know how
  httpPost.send(null);
  </code></pre>
  
  <p>Then on the serverside at the path, the following method will be called and I want to store the url of the base64-encoded image in mongodb. How do I access the image from the httpPost?</p>
  
  <pre><code>function postNewImageType(req, res, next){
      var newImageTypeData = {
           name: req.params.name,
           image: "placeholder.png"
      }
      var data = // how to access the image?
      var imageBuffer = decodeBase64Image(data);
      fs.writeFile(cfg.imageFolger+newImageTypeData._id+'.jpeg', imageBuffer.data, function(err){
          if (err) return new Error(err);
          newImageTypeData.set({image:newImageTypeData._id+'.jpeg'});
          var image = new ImageType(newImageData);
  
      });
      imagetype.save(function (err) {
          if (error) {return next(new restify.InvalidArgumentError(JSON.stringify(error.errors)));}
          else { res.send(201, imagetype);}
      });   
  }
  </code></pre>