# How to upload images to server

**URL:** <https://forums.fusetools.com/t/how-to-upload-images-to-server/1814>\
**Category:** How-to Discussions\
**Created:** [January 4, 2017, 5:42am UTC](https://forums.fusetools.com/t/how-to-upload-images-to-server/1814 "2017-01-04T05:42:23Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aleme\_Gabriel](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aleme_gabriel/32/477_2.png) [@Aleme\_Gabriel](https://forums.fusetools.com/u/Aleme_Gabriel)\
**Post date:** [January 4, 2017, 5:42am UTC](https://forums.fusetools.com/t/how-to-upload-images-to-server/1814/1 "2017-01-04T05:42:23Z")

</div>

How do i upload pictures i take from my fuse app to a remote server

---

<div class="post-metadata">

**Author:** ![Anders\_Bondehagen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_bondehagen/32/98_2.png) [@Anders\_Bondehagen](https://forums.fusetools.com/u/Anders_Bondehagen)\
**Post date:** [January 5, 2017, 3:36pm UTC](https://forums.fusetools.com/t/how-to-upload-images-to-server/1814/2 "2017-01-05T15:36:07Z")

</div>

Here is an example with `fetch`:

```auto
<App>
	<JavaScript>
		var Camera = require('FuseJS/Camera');
		var ImageTools = require('FuseJS/ImageTools');

		Camera.takePicture(150, 150).then(function(image) {
			return ImageTools.getBufferFromImage(image).then(function(buffer) {
				return fetch('http://<your_uri>', { method: "POST", body: buffer });
			});
		}).then(function(response) {
			console.log("Got response");
		}).catch(function(e){
			console.log("Error");
			console.log(e);
		});

	</JavaScript>
</App>

```

and this an example with `XMLHttpRequest`:

```auto
<App>
	<JavaScript>
		var Camera = require('FuseJS/Camera');
		var ImageTools = require('FuseJS/ImageTools');

		Camera.takePicture(150, 150).then(function(image) {
			return ImageTools.getBufferFromImage(image).then(function(buffer) {
				return new Promise(function(resolve, reject) {
					try {
						var xhr = new XMLHttpRequest();
						xhr.onload = function() {
							resolve(xhr.response);
						};
						xhr.onerror = function(e) {
							reject(e);
						}
						xhr.open("POST", "http://<your_uri>");
						xhr.send(buffer);
					} catch (e) {
						reject(e);
					}
				});
			});
		}).then(function(response) {
			console.log("Got response");
		}).catch(function(e){
			console.log("Error");
			console.log(e);
		});

	</JavaScript>
</App>

```

---

<div class="post-metadata">

**Author:** ![quincykwende](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/quincykwende/32/645_2.png) [@quincykwende](https://forums.fusetools.com/u/quincykwende)\
**Post date:** [February 22, 2017, 5:29am UTC](https://forums.fusetools.com/t/how-to-upload-images-to-server/1814/3 "2017-02-22T05:29:46Z")

</div>

Nice example. I would love to ask…In case I want to use a photo already in the mobile phone, How do I do it.  
I would love to use both versions and how do i POST it as a base64encoded string …

Regards

---

<div class="post-metadata">

**Author:** ![Anders\_Bondehagen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_bondehagen/32/98_2.png) [@Anders\_Bondehagen](https://forums.fusetools.com/u/Anders_Bondehagen)\
**Post date:** [February 27, 2017, 11:50am UTC](https://forums.fusetools.com/t/how-to-upload-images-to-server/1814/4 "2017-02-27T11:50:02Z")

</div>

> **[quincykwende@gmail.com](mailto:quincykwende@gmail.com) wrote:**
> 
> Nice example. I would love to ask…In case I want to use a photo already in the mobile phone, How do I do it.  
> I would love to use both versions and how do i POST it as a base64encoded string …
> 
> Regards

Please post separate threads when asking new questions. For this you can use the [CameraRoll](https://www.fusetools.com/docs/fuse/cameraroll/cameraroll) and [ImageTools](https://www.fusetools.com/docs/fuse/imagetools/imagetools).

---

<div class="post-metadata">

**Author:** ![quincykwende](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/quincykwende/32/645_2.png) [@quincykwende](https://forums.fusetools.com/u/quincykwende)\
**Post date:** [February 27, 2017, 11:57am UTC](https://forums.fusetools.com/t/how-to-upload-images-to-server/1814/5 "2017-02-27T11:57:46Z")

</div>

Thanks

> **Anders Bondehagen wrote:**
> 
> > **[quincykwende@gmail.com](mailto:quincykwende@gmail.com) wrote:**
> > 
> > Nice example. I would love to ask…In case I want to use a photo already in the mobile phone, How do I do it.  
> > I would love to use both versions and how do i POST it as a base64encoded string …
> > 
> > Regards
> 
> Please post separate threads when asking new questions. For this you can use the [CameraRoll](https://www.fusetools.com/docs/fuse/cameraroll/cameraroll) and [ImageTools](https://www.fusetools.com/docs/fuse/imagetools/imagetools).