在 Silverlight 中绑定图像时如何格式化 URI？

Question

我一直无法找到这个问题的答案。

我有一个数据库，其中包含图像路径（“images/myimage.jpg”）。 这些图像存在于我的 asp.net 站点上，该站点也是我托管 SL 的地方。 我想将这些图像绑定到我的 ListBox 控件，以便显示图像。

我读过，因为我有一个字符串值“images/myimage.jpg”，所以我需要将其转换为位图图像。 我已经这样做了：

xaml：

 <Image Source="{Binding ImageFile, Converter={StaticResource ImageConverter}}"/>

ImageConverter 类：

    public object Convert(object value, Type targetType,
                                  object parameter, CultureInfo culture)
            {
                try
                {
                    Uri source= new Uri(value.ToString());
                    return new BitmapImage(source);
                }
                catch(Exception ex)
                {
                    return new BitmapImage();
                }
            }

创建 URI 时出现错误，“无法确定 URI 的格式”。 我究竟做错了什么？ 如果我创建一个如下所示的 Uri： http://localhost:49723/images/myimage.jpg< /a>，它工作得很好。

为什么“images/myimage.jpg”不起作用？

Answer 1

http://www.silverlightexamples.net/post/How-to-Get-Files-From-Resources-in-Silverlight-20.aspx" silverlightexamples.net/post/How-to-Get-Files-From-Resources-in-Silverlight-20.aspx

资源，并且切勿在图像上复制，然后使用“SLapplicationName;component/mypathtoimage/image.png ”

using System.Windows.Resources;      // StreamResourceInfo
using System.Windows.Media.Imaging;  // BitmapImage
....

StreamResourceInfo sr = Application.GetResourceStream(
    new Uri("SilverlightApplication1;component/MyImage.png", UriKind.Relative));
BitmapImage bmp = new BitmapImage();
bmp.SetSource(sr.Stream); 

Answer 2

今天我自己就遇到了这个问题，并按照乔恩上面描述的方式修复了它（虽然没有看到你的帖子。本来可以节省我一些时间。）我还指出，可以通过使用重载来解决特定错误：

Uri source = new Uri("Path/Image.jpg", UriKind.Relative);

你'如果不移动 XAP 文件，d 仍然无法访问图像子目录，但它解决了错误消息。 此时，程序只是愉快地返回一个没有内容的图像，让您使用 Fiddler 或 Web Dev Helper 来找出真正的问题。

Answer 3

Silverlight 中媒体的相对路径很古怪，因此它们可以以与 WPF 路径相同（古怪）的方式工作。 相对路径是相对于 XAP 文件的，而不是相对于应用程序根目录的。

一个技巧是将 XAP 移动到网站的根目录，这样媒体路径就会与根相关。

请参阅我关于 Silverlight 中相对 URI 的帖子 此处。

Answer 4

您可以简单地编写一个方法，为您提供完整的服务器地址（协议：//服务器：端口/）并使用它来创建绝对URL：

public class Helper{
    public static string ServerAddress{
        get{
            if (_server == "")
                _server = _ServerAddress();
            return _server;
        }
    }

     private static string _ServerAddress(){
        HttpContext ctx = HttpContext.Current;
        if (ctx == null) return "";

        HttpRequest request = ctx.Request;
        if (request == null) return "";

      string srvr = request.ServerVariables["SERVER_NAME"];
      string port = string.IsNullOrEmpty(request.ServerVariables["SERVER_PORT"])?
            "" : ":" + request.ServerVariables["SERVER_PORT"];
      string protocol = "http://";//request.ServerVariables["SERVER_PROTOCOL"];
      return string.Format("{0}{1}{2}{3}", protocol, srvr, port, 
                   request.ApplicationPath);
    }
}    

并将Converter方法行：更改

Uri source= new Uri(value.ToString());

为

if(!string.IsNullOrEmpty(value.ToString()))
   Uri source= new Uri(Helper.WebAddress + value.ToString());

Answer 5

无论 XAP 文件位于何处，都可以使用一种简单的动态方法，类似于以下内容。

//Get the root path for the XAP
string src = Application.Current.Host.Source.ToString();

//Get the application root, where 'ClientBin' is the known dir where the XAP is
string appRoot = src.Substring(0,src.IndexOf("ClientBin")); 

//Create the image / uri
BitmapImage img = new BitmapImage();
img.UriSource = new Uri(appRoot + "/Images/myImage.png", UriKind.Relative);

这有帮助吗？