如何在 Windows 8.1 Metro 应用程序中上传图像？

Question

在我的 Metro 应用程序中，我想上传一个 image。实际上在button-click 上，应该打开文件资源管理器并提示输入图像。当用户选择任何图像时，我想使用image 标签在view 中显示它，并将其保存在服务器端。我有以下图像和按钮代码：

 <Border Margin="0,30,0,0" BorderThickness="2" BorderBrush="#FFAAA7A7" HorizontalAlignment="Center" Height="113">
            <Image Height="101" Source="temp.png" Margin="0,-2,0,10"/>
 </Border>
 <AppBarButton HorizontalAlignment="Center" Label="Upload Image" VerticalAlignment="Center" Icon="Camera" Width="178" Margin="0,0,0,0" Click="AppBarButton_Click" />

Answer 1

您正在搜索 FilePicker 对话框。 Here 是一篇关于它的好文章。以下代码可以：

• 打开文件选择器对话框
• 为图像类型添加过滤器
• 将图像保存在 StorageFile（您的应用程序的隔离存储 - details）中

此代码取自页面：

if (rootPage.EnsureUnsnapped())
  {
  FileOpenPicker openPicker = new FileOpenPicker();
  openPicker.ViewMode = PickerViewMode.Thumbnail;
  openPicker.SuggestedStartLocation = PickerLocationId.PicturesLibrary;
  openPicker.FileTypeFilter.Add(".jpg");
  openPicker.FileTypeFilter.Add(".jpeg");
  openPicker.FileTypeFilter.Add(".png");

  StorageFile file = await openPicker.PickSingleFileAsync();
  if (file != null)
  {
    // Application now has read/write access to the picked file
    //OutputTextBlock.Text = "Picked photo: " + file.Name;
  }
  else
  {
    //OutputTextBlock.Text = "Operation cancelled.";
  }
}