如何在Windows 8.1 metro應用程序中上傳圖像？

在我的地鐵應用程序中，我想上傳一個image。實際上在button-click上，應該打開文件資源管理器並提示輸入圖像。當用戶選擇任何圖像時，我想用image標籤在view中顯示它，並將它保存在服務器端。我有以下圖像和按鈕代碼：如何在Windows 8.1 metro應用程序中上傳圖像？

<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" />

來源

2014-03-26 Baqer Naqvi

您的上傳機制將取決於您的服務器端是desi希望收到。你還需要展示你試過的東西嗎？ – CathalMF

其實我沒有在這方面做任何事情。只是放置了控件，沒有更多。你能告訴我如何上傳文件嗎？我的意思是如何顯示文件資源管理器... @CathalMF –

您正在搜索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."; 
    } 
}

來源

2014-03-27 07:54:02

謝謝！你現在能指導我如何處理髮送端上傳的文件嗎？我的意思是如何在服務器端上傳它？ @Jan Hommes –

你在服務器端使用什麼？在談論服務器端時，通常講的是後端的數據服務（例如WCF數據服務或任何REST數據服務）。你用這樣的東西嗎？或者你的意思是你的代碼在後面？ –

其實我對這個環境很陌生，對WA也不太瞭解。我得到了一個圖像的路徑，現在我想將它保存在服務器端.i.e。將其保存在服務器硬盤上的服務器指定路徑上... @Jan Hommes –

如何在Windows 8.1 metro應用程序中上傳圖像？

回答

相關問題