Windows 8：如何在 Windows 8 Metro 应用程序中使用外部图像答案

【问题标题】：Windows 8:How to use external images in windows 8 Metro appWindows 8：如何在 Windows 8 Metro 应用程序中使用外部图像
【发布时间】：2012-10-13 06:45:06
【问题描述】：

上下文：你好，我是基于 Windows 的开发的完整新手。我正在为 Windows 8 构建一个应用程序。我正在使用 Visual Studio 中提供的网格应用程序以及 javascript、html-5 和 css。

问题：我想在显示对象列表时使用外部图像（来自我的服务器）。但是下面的绑定代码不允许。

<div class="item">
    <img class="item-image" src="#" data-win-bind="src: image; alt: title" />
    <div class="item-overlay">
        <h4 class="item-title" data-win-bind="textContent:kiosk.name"></h4>
        <h6 class="item-subtitle win-type-ellipsis" data-win-bind="textContent: title"></h6>
    </div>
</div>

出于安全原因，即动态引用外部 URL，Windows Metro 应用程序不允许这样做。有解决办法吗？请帮助我完全被困在这里。

【问题讨论】：

标签： javascript windows windows-8 microsoft-metro

【解决方案1】：

您希望使用数据绑定转换器将 URL 前缀添加到图像值。请参阅http://msdn.microsoft.com/en-us/magazine/jj651576.aspx 并在页面上搜索“转换器”以了解如何执行此操作。

【讨论】：