Asynchronously Load an Image from a Url to a PictureBox

Question

I want to load image from the web on windows forms application, Everything is good and code works fine, but the problem is the app stop working until the loading goes to fin

Answer 1

PictureBox control has built-in support for loading images asynchronously. You don't need to use BackgroundWorker or async/await. It also can load an image from a URL, so you don't need to use a web request.

You can simply use the LoadAsync method or ImageLocation property of PictureBox. The value of WaitOnLoad property should be false, which is the default.

pictureBox1.LoadAsync("https://i.stack.imgur.com/K4tAc.jpg");

It's equivalent to:

pictureBox1.ImageLocation = "https://i.stack.imgur.com/K4tAc.jpg";

Answer 2

Here is the solution:

public async Task<Image> GetImageAsync(string url)
{
    var tcs = new TaskCompletionSource<Image>();
    Image webImage = null;
    HttpWebRequest request = (HttpWebRequest) WebRequest.Create(url);
    request.Method = "GET";
    await Task.Factory.FromAsync<WebResponse>(request.BeginGetResponse, request.EndGetResponse, null)
        .ContinueWith(task =>
        {
            var webResponse = (HttpWebResponse) task.Result;
            Stream responseStream = webResponse.GetResponseStream();
            if (webResponse.ContentEncoding.ToLower().Contains("gzip"))
                responseStream = new GZipStream(responseStream, CompressionMode.Decompress);
            else if (webResponse.ContentEncoding.ToLower().Contains("deflate"))
                responseStream = new DeflateStream(responseStream, CompressionMode.Decompress);

            if (responseStream != null) webImage = Image.FromStream(responseStream);
            tcs.TrySetResult(webImage);
            webResponse.Close();
            responseStream.Close();
        });
    return tcs.Task.Result;
}

Here is how to call the above solution:

PictureBox img = new System.Windows.Forms.PictureBox();
var result = GetImageAsync(ThumbnailUrl);
result.ContinueWith(task =>
{
    img.Image = task.Result;
});