Set placeholder image only if image fails to load SDWebImage

Question

I want to show the imageview's background color till the download is in progress and if the download fails or image is not available then i want to show a placeholder image. How can i achieve this?

The main objective is to set the image later not during loading.

Thanks

Not the required thing. I have used throughout imageView.sd_setImage(with: url ,placeholderImage: UIImage(named: "ico_placeholder")) But what it does is that it sets a placeholder image even during the load is in progress. I want to display the placeholder only if the load fails. — Ankit Kumar Gupta, Feb 02 '17 at 07:40

score 9 · Accepted Answer · answered Feb 02 '17 at 09:23

9

Solution for Swift 3 :

cell.imageView?.sd_setImage(with: url) { (image, error, cache, urls) in
            if (error != nil) {
                cell.imageView.image = UIImage(named: "ico_placeholder")
            } else {
                cell.imageView.image = image
            }
}

Solution for Objective C :

[cell.imageView sd_setImageWithURL:url
                  placeholderImage:nil
                         completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
                                if (error) {
                                  self.imageView.image = [UIImage imageNamed:@"ico_placeholder"];
                                } else {
                                  self.imageView.image = image;
                                }
}];

Hope you guys find this useful.

answered Feb 02 '17 at 09:23

Ankit Kumar Gupta

3,994
4
31
54

1

Can you please tell me the issue you are facing to cast a down vote. May be i can help. Thanks – Ankit Kumar Gupta Feb 22 '17 at 12:23
Does this supports https://cfs22.simplicdn.net/ice9/course_images/160x160/Introduction_to_CodeIgniter.svgz only it supports png&jpg – Satheeshkumar Naidu Jul 05 '18 at 07:49
You should ask this with SDWebImage on Github. – Ankit Kumar Gupta Jul 05 '18 at 07:50

Mostafa Sultan · Answer 2 · 2017-02-02T08:23:12.727

From SDWebImage Documentation :

Using blocks

With blocks, you can be notified about the image download progress and whenever the image retrieval has completed with success or not:

// Here we use the new provided sd_setImageWithURL: method to load the web image

for Swift :

cell.imageView.sd_setImageWithURL(url, placeholderImage:nil, completed: { (image, error, cacheType, url) -> Void in
            if (error) {
                // set the placeholder image here

            } else {
                // success ... use the image
            }
        })

for Objective-C

    [cell.imageView sd_setImageWithURL:[NSURL URLWithString:@"http://www.domain.com/path/to/image.jpg"]
                      placeholderImage:nil
                             completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
                                    if (error) {
                                      self.imageView.image = [UIImage imageNamed:@"placeHolderImage"];
                                    }
                                 }];

can i get a swift 3 version to test this? – Ankit Kumar Gupta Feb 02 '17 at 07:44 — Ankit Kumar Gupta, Feb 02 '17 at 07:44

score 1 · Answer 3 · answered Feb 02 '17 at 07:43

1

You can do that by passing nil to the placeholder attribute and handling the completion block yourself.

Like this :

    [self.imageView sd_setImageWithURL:self.imageURL
                  placeholderImage:nil
                           options:nil
                          progress:nil
                         completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
                             if(!error) {
                                 self.imageView.image = image;
                             } else {
                                 self.imageView.image = [UIImage imageNamed:@"placeHolder"];
                             }
                             }];

I haven't tried that. Try it and tell me if that worked for you.

answered Feb 02 '17 at 07:43

Haroun SMIDA

1,106
3
16
32

Assuming that the desired background color has already been set – Ahmad F Feb 02 '17 at 07:45
1

a swift 3 version could be more helpful. :) – Ankit Kumar Gupta Feb 02 '17 at 07:46
But I think you already have the method defined you just have to add the block for handling the error and pass `nil`to placeholder – Haroun SMIDA Feb 02 '17 at 07:51
1

Thanks @HarounSMIDA I found the swift solution also. Your approach is correct and helped me too. Kindly vote up if you find my question appropriate. – Ankit Kumar Gupta Feb 02 '17 at 09:17
It's a shame there is no available method of SDWebImage for this. PlaceholderImage and LoadingImage should be available as separate parameters. – Jonny Jul 05 '18 at 01:55
Also, if image in the completed block is nil, you might want to set the placeholder. – Jonny Jul 05 '18 at 02:11

score 1 · Answer 4 · answered Jul 05 '18 at 02:29

Here you go, an extension for separating loading/error images. loadingImage will be what SDWebImage called placeholderImage. errorImage will be the real placeholder when loading went wrong.

import Foundation
import SDWebImage

extension UIImageView {
    /// Separated loader and error images, short version.
    func zap_setImage(with url: URL?, loadingImage: UIImage?, errorImage: UIImage) {
        self.zap_setImage(with: url, loadingImage: loadingImage, errorImage: errorImage, completed: nil)
    }

    /// Separated loader and error images, long version.
    func zap_setImage(with url: URL?, loadingImage: UIImage?, errorImage: UIImage, completed: SDExternalCompletionBlock?) {
        self.sd_setImage(with: url, placeholderImage: loadingImage, options: []) { [weak self] (uiimage: UIImage?, error: Error?, sdimagecachetype: SDImageCacheType, usedurl: URL?) in
            //print("ISSUE1688 uiimage: \(String(describing: uiimage)), error: \(String(describing: error))")

            let setErrorImage: Bool
            switch error {
            case .none:
                // No error?
                if uiimage == nil {
                    // No error, but no image, so use error image
                    setErrorImage = true
                }
                else {
                    setErrorImage = false
                }
                break
            case .some(_):
//          case .some(let errorvalue):
                // Error?
                //print("ISSUE1688 errorvalue: \(errorvalue)")
                setErrorImage = true
                break
            }

            //print("ISSUE1688 setErrorImage: \(setErrorImage)")
            if setErrorImage {
                self?.image = errorImage
            }

            if let c = completed {
                c(uiimage, error, sdimagecachetype, usedurl)
            }
        }
    }
}

score 1 · Answer 5 · edited Jul 19 '19 at 07:50

1

You can use this.

cell.img_UserProfile.sd_setImage(with: URL.init(string: "\(BaseURL_Image)\(image)"), placeholderImage: #imageLiteral(resourceName: "Group 1131"), options: .highPriority, context: [:])

edited Jul 19 '19 at 07:50

Sukma Saputra

1,539
17
32

answered Jul 19 '19 at 07:04

Hafeez Shaik

9
1

score 0 · Answer 6 · answered Aug 06 '19 at 20:15

With 'SDWebImage', '~> 4.0' Use this imageview extension

extension UIImageView {

    func setImage(imageString: String, localUri: String = "", placeHolderImage: UIImage? = nil, loader: Bool = true,  loaderType : UIActivityIndicatorView.Style = .white) {

        self.sd_setShowActivityIndicatorView(loader)
        self.sd_setIndicatorStyle(loaderType)

        if let url = URL(string: localUri), let data = try? Data(contentsOf: url), let img = UIImage(data: data) {

            self.sd_setImage(with: URL(string: imageString), placeholderImage: img, options: SDWebImageOptions(), progress: { (progress, total, url) in

            }) { (img, err, type, url) in

            }


        } else {
            self.sd_setImage(with: URL(string: imageString), placeholderImage: placeHolderImage, options: SDWebImageOptions(), progress: { (progress, total, url) in

            }) { (img, err, type, url) in

            }
        }
    }
}

Set placeholder image only if image fails to load SDWebImage

6 Answers6