Displaying images, graphics, and thumbnails (HTML)

[ This article is for Windows 8.x and Windows Phone 8.x developers writing Windows Runtime apps. If you’re developing for Windows 10, see the latest documentation ]

Windows apps using JavaScript can display a variety of images and graphics.

  • You can use the img element to display an image file, such as a JPEG or Portable Network Graphics (PNG) file. You can also use Cascading Style Sheets (CSS) to create backgrounds and patterns from an image file.

  • Use thumbnails to create graphical views of the file system for the user and when the user wants to view more details about a specific file or folder.

Windows apps using JavaScript can also render Scalable Vector Graphics (SVG) graphics and draw with the canvas element, and it can also use CSS transformations and transitions to create special effects. These kinds of graphics are covered in another section: Using graphics with Canvas, SVG, and CSS3.

The topics in this section show you how to use images and thumbnails.

In this section

Topic Description

How to select and display an image

Describes how to use the FileOpenPicker and blob objects to load and display an image that the user selects.