如何使用RxSwift和Alamofire下载图像？

Question

当图像加载后尝试滚动时，图像也存在一些问题。

我研究了显示的不正确图像，我认为必须缓存已加载的图像。 这是这样做的标准方法吗？

我非常精通Android，并且可以肯定fresco / picasso库已经做到了，但我认为iOS中还没有。

有人可以指出我正确的方向吗？

谢谢

class PostTableViewCell: UITableViewCell {

    @IBOutlet weak var fileView: UIImageView!

    @IBOutlet weak var messageLabel: UILabel!

    let disposeBag = DisposeBag()

    var postViewModel: PostViewModel? {
        didSet {
            guard let pvm = postViewModel else {
                return
            }

            Alamofire.request(pvm.file).responseImage{ response in
                if let image = response.result.value {
                    self.fileView.image = image
                    self.fileView.setNeedsLayout()
                }
            }

            pvm.messageText.bindTo(messageLabel.rx.text).addDisposableTo(disposeBag)
        }
    }
}

class PostViewModel {
    private let post: Post
    let disposeBag = DisposeBag()

    var fileText: BehaviorSubject<String>
    var messageText: BehaviorSubject<String>

    var file: String {
        return post.file!
    }

    init(post: Post)
    {
        self.post = post
        fileText = BehaviorSubject<String>(value: post.file!)
        fileText.subscribe(onNext: {(file) in
            post.file = file
        }).addDisposableTo(disposeBag)

        messageText = BehaviorSubject<String>(value: post.message!)
        messageText.subscribe(onNext: {(message) in
            post.message = message
        }).addDisposableTo(disposeBag)
    }
}

Answer 1

当您下载内容时，例如，使用Alamofire。 您将退出主线程（这是一个异步作业）。 因此，当您获取数据时，必须再次将其推回主线程。

你有没有尝试过：

Alamofire.request(pvm.file).responseImage{ response in
    DispatchQueue.main.async {
        if let image = response.result.value {
            self.fileView.image = image
            self.fileView.setNeedsLayout()
        }
    }
}

另外，response.result.value很可能不是UIImage，而是某种形式的数据。 我不知道您的response.result.value里面包含什么，但是有可能必须使用数据init来初始化UIImage。

if let image = UIImage(data: response.result.value) {        
}