How to upload images to picture library using JavaScript?

Question

I want to upload multiple images to picture library using JavaScript.
I am building SharePoint hosted app. In which I have created a Picture Library in side Project Solution using Visual Studio and also I have added images in the same.

No I want to upload those image from my solution to picture library using JavaScript.

I have followed this blog. But that has example which uploads file from file upload control. That is user needs to browse file and that file is going to be uploaded.

But I want to upload those files from my solution package.

How could I achieve that?

Answer 1

1. You can use server side code to upload images through imagining web service:

http://msdn.microsoft.com/en-us/library/websvcimaging.imaging.upload.aspx

2. Only file input () can convert the file into bytes and send them to server side.

So you have to use it or fileupload control in asp.net.

Answer 2

You can upload the image to picture library using REST or JSOM.

solution using REST, find here.

And using JSOM, find here.

please upvote if this answer helped you in any way.