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
- If you download the samples ZIP, be sure to unzip the entire archive, not just the folder with the sample you want to build.
- Start Microsoft Visual Studio 2015 and select File > Open > Project/Solution.
- Starting in the folder where you unzipped the samples, go to the Samples subfolder, then the subfolder for this specific sample, then the subfolder for your preferred language (C++, C#, or JavaScript). Double-click the Visual Studio 2015 Solution (.sln) file.
- Press Ctrl+Shift+B, or select Build > Build Solution.
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.