c# - 我们可以从手机（Android / iOS）中选择一张图片并使用通用代码（Xamarin Forms）将其上传到服务器吗？

Question

为了实现这一点，我应该使用特定于平台的代码还是可以从 Xamarin.Forms 的共享项目中的通用代码中做到这一点。

基本上我需要打开图库并选择一张图片，然后以多部分字节数组将其上传到服务器。

找不到任何使用 Xamarin Forms 的示例。

Answer 1

我假设您使用的是 PCL 解决方案。

有很多方法可以做到这一点。这是我用来允许用户从图库中选择图像然后对该图像执行某些操作的插件。

虽然您也可以使用 XLabs 版本，但可以在此处获得。

使用我建议的插件，在将其安装到 PCL 项目、Android 项目和 iOS 项目中后，您可以编写如下代码来显示图像选择器，然后对该图像执行一些操作：

public List<string> Uris;

private ObservableCollection<MediaFile> _images;
public  ObservableCollection<MediaFile> Images {
    get { return _images ?? (_images = new ObservableCollection< MediaFile >()); }
    set {
        if(_images != value) {
            _images = value;
            OnPropertyChanged();
        }
    }
}

/// <summary>
/// Allows the user to pick a photo on their device using the native photo handlers and returns a stream, which we save to disk.
/// </summary>
/// <returns>string, the name of the image if everything went ok, 'false' if an exception was generated, and 'notfalse' if they simply canceled.</returns>
public async Task<string> PickPictureAsync() {

    MediaFile file      = null;
    string    filePath  = string.Empty;
    string    imageName = string.Empty;

    try {
        file = await CrossMedia.Current.PickPhotoAsync();

        #region Null Check

         if(file == null) { return null; }                                                                                 //Not returning false here so we do not show an error if they simply hit cancel from the device's image picker

        #endregion

        imageName = "SomeImageName.jpg";
        filePath  = /* Add your own logic here for where to save the file */ //_fileHelper.CopyFile(file.Path, imageName);
    } catch(Exception ex) {
         Debug.WriteLine("\nIn PictureViewModel.PickPictureAsync() - Exception:\n{0}\n", ex);                           //TODO: Do something more useful
         return null;
    } finally { if(file != null) { file.Dispose(); } }

    Receipts.Add(ImageSource.FromFile(filePath));

    Uris.Add(filePath);

    return imageName;
}