Sending image using xamarin media plugin to server is v.slow

Divya Mittal

Hi,

I am creating a mobile application to capture image and send on my c# api. The image captured is sent to server very slow and takes about 18-20 sec for 1mb image. Image from rear camera does not even go ! Please assist how what change I shall make in my app.

PFB the code for mobile app and the c# api:

Mobile app code:

private async void CaptureImage_Clicked(object sender, EventArgs e)
{
await CrossMedia.Current.Initialize();
if (!CrossMedia.Current.IsTakePhotoSupported && !CrossMedia.Current.IsPickPhotoSupported)
{ }
else
{
var check = CrossMedia.Current.IsTakePhotoSupported;
try {
var options = new StoreCameraMediaOptions()
{
DefaultCamera = CameraDevice.Front, SaveToAlbum = true, Directory = "com.companyname.DemoApp", Name = DateTime.Now.ToString("yyyyMMddTHHmmss") + ".jpg" };
var file = await CrossMedia.Current.TakePhotoAsync(options);
if (file == null) return;
MemoryStream memoryStream = new MemoryStream();
CamPic.Source = ImageSource.FromStream(() =>
{
var stream = file.GetStream();
file.GetStream().CopyTo(memoryStream); return stream;
});
PostIntegrationForData(file);
await DisplayAlert("Done", "Image Posted To Server !", "Ok");
file.Dispose();
CamPic.Source = null;
}
catch(Exception Ex)
{
await DisplayAlert("Error", Ex.Message, "Ok");
await DisplayAlert("Error", Ex.StackTrace, "Ok");
} //} } }
private string PostIntegrationForData(MediaFile argMediaFile)//byte[] argFile)
{
string url = string.Format("http://localhost:83/api/MyController/PostFile");
HttpClient httpClient = new HttpClient();
MultipartFormDataContent form = new MultipartFormDataContent();
form.Add(new StringContent("Sample Title"), "title");
form.Add(new StreamContent(argMediaFile.GetStream()), "FileName", argMediaFile.Path);
HttpResponseMessage response = httpClient.PostAsync(url, form).Result;
using (HttpContent content = response.Content)
{
string data = response.Content.ReadAsStringAsync().Result;
return data;
}
}

c# API code:

[HttpPost] public HttpResponseMessage PostFile()
{
HttpResponseMessage result = null;
var httpRequest = HttpContext.Current.Request;
if (httpRequest.Files.Count > 0)
{
var docfiles = new List<string>();
foreach (string file in httpRequest.Files)
{
//string FileName = httpRequest["FileName"];
string FileName = String.Empty;
var postedFile = httpRequest.Files[file];
var postedFileName = postedFile.FileName;
postedFileName = Path.GetFileName(postedFileName);
var filePath = HttpContext.Current.Server.MapPath("~/" + postedFileName);
postedFile.SaveAs(filePath); docfiles.Add(filePath);
}
result = Request.CreateResponse(HttpStatusCode.Created, docfiles);
}
else
{
result = Request.CreateResponse(HttpStatusCode.BadRequest);
}
return result;
}

Please suggest , I have been struggling with this and could not get a solution for better performance or any way out to send the image in 1 or 2 sec.

Thanks in advance !

Regards,

Divya

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Hussam Barouqa7y ago
If the main problem is slow uploading due to image size, you could use a type of compression that allows very high compression ratios, such as JPEG2000 (J2K). To obtain such compression with Xamarin, you could an imaging library like the LEADTOOLS Imaging Toolkit for Xamarin:
https://www.leadtools.com/sdk/xamarin
In addition to compression, the LEADTOOLS toolkit has recently introduced a Xamarin Camera Control that might help in simplifying the process of acquiring images from camera and processing them, check out this article for details and code samples on how to use this control:
https://www.codeproject.com/Articles/1349139/Finally-a-Camera-Control-for-Xamarin-2
In particular, once you have configured the foundation for this control correctly, you can set the event handler for leadCamera.PictureReceived and implement the code to process and upload the image in this handler:
private void LeadCamera_PictureReceived(FrameHandlerEventArgs e)
{
   using (var codecs = new RasterCodecs())
   {
      codecs.Save(e.image, memStream, RasterImageFormat.J2k, 0);
   }
   Upload(memStream);
}
If you are interested in checking this out, you can find a free evaluation here:
https://www.leadtools.com/downloads?category=main
Mushtaq M A7y ago
if you need to send large file, you have go for Background services to send Large images.

or

Xam.Plugin.Media has an option to resize the image size itself. you can refer the following

https://github.com/jamesmontemagno/MediaPlugin#photo--video-settings
Logesh Palani7y ago
Do you definitely need the large images to be present at execution time? Could you resize them (or save them at a slightly lower quality) using an image editing program (Photoshop, Paintshop Pro etc) beforehand? There seems to be little point in doing the work every time you run - especially as editing tools are likely to do a better job anyway.

Of course, this won't work if it's something like the user picking arbitrary images from their hard disk.

Another point: are you disposing of the bitmaps when you're finished with them? You aren't showing that in your code... if you're not disposing of the original (large) bitmaps then you'll be at the mercy of finalizers to release the unmanaged resources. The finalizers will also delay garbage collection of those objects.
https://www.c-sharpcorner.com/uploadfile/rahuldebray/compress-image-to-a-given-size/
Compress the captured images into small size