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

本文关键字:应用程序 图像 metro Windows | 更新日期: 2023-09-27 17:54:02

在我的地铁应用程序中,我想上传一个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" />

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

您正在搜索一个FilePicker对话框。这里有一篇很好的文章。下面的代码可以:

  • 打开文件选择框
  • 为图像类型添加过滤器
  • 将图像保存在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.";
  }
}