html选择显示,如何选择和显示图像 (HTML)

如何选择和显示图像 (HTML)

03/04/2016

本文内容

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发，请参阅 最新文档 ]

你需要了解的内容

技术

先决条件

你应当能够创建使用 JavaScript 的基本 Windows 应用商店应用。有关详细信息，请参阅创建第一个采用 JavaScript 的 Windows 应用商店应用。

说明

步骤 1: 创建用来选择和显示图像的元素

以下示例创建一个在单击后启动 FileOpenPicker 的按钮、一个用来显示图像相关信息的段落，以及一个用来显示图像的 img 元素。

Select an image...

向按钮的 click 事件中添加 loadImage 事件处理程序。以下示例在 WinJS.UI.processAll 函数完成时添加事件处理程序。有关应在何处附加事件处理程序的详细信息，请参阅快速入门：添加控件和处理事件。

WinJS.UI.processAll().done(function () {

document.getElementById("selectImageButton").addEventListener("click", loadImage, false);

});

你将在下一步中定义 loadImage 事件处理程序。

步骤 2: 选择图像。

若要允许用户选择图像&#x