This sample shows how to use a Blob and the Window.Storage.Pickers.FileOpenPicker to load and display images and video. It also shows how to create single- and multi-use Blob objects, how to save a canvas to a Blob and then load it as an image, how to download content through XHR and save it locally, how to use MSBlobBuilder to create a Blob, post a Blob to the web, and how to retrieve a thumbnail and use a Blob to display it in an image tag.
This sample is written in HTML, CSS, and JavaScript.
How to select and display an image
Windows 10 apps using JavaScript, Blob , Window.Storage.Pickers.FileOpenPicker
Client
Windows 10
- Start Visual Studio 2015 and select File > Open > Project/Solution.
- Go to the directory in which you unzipped the sample. Go to the directory named for the sample, and double-click the Visual Studio 2015 Solution (.sln) file.
- Press F7 or use Build > Build Solution to build the sample.
To debug the app and then run it, press F5 or use Debug > Start Debugging. To run the app without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.