UITableViewセル内のurlからの非同期イメージの読み込み - スクロール中に間違ったイメージのロード

Question

私はセル内にイメージを表示するtableViewを持っています。ほとんどの場合、正しい画像が表示されますが、間違った画像が表示されることがあります（通常、tableViewをすばやくスクロールすると通常は表示されます）。イメージを非同期でダウンロードします。

cell.profImg.getImgFromUrl(link: man.img, contentMode: cell.profImg.contentMode) 

そして、ここで私は、非同期要求を行います。

extension UIImageView { 
func getImgFromUrl(link link:String, contentMode mode: UIViewContentMode) { 
    guard 
     let url = NSURL(string: link) 
     else {return} 
    contentMode = mode 
    NSURLSession.sharedSession().dataTaskWithURL(url, completionHandler: { (data, response, error) -> Void in 
     guard 
      let httpURLResponse = response as? NSHTTPURLResponse where httpURLResponse.statusCode == 200, 
      let mimeType = response?.MIMEType where mimeType.hasPrefix("image"), 
      let data = data where error == nil, 
      let image = UIImage(data: data) 
      else { return } 
     dispatch_async(dispatch_get_main_queue()) {() -> Void in 
      self.image = image 
     } 
    }).resume() 
    } 
} 

Answer 1

私はあなたがあなたのHTTPイメージのロードを開始するとき、あなたのUIImageViewの内容はリセットされませんので、それはだと思います。したがって、セルが再利用されると、以前にロードされたイメージが表示されます。

（空白の画像が必要な場合）またはself.image = myPlaceholderImage（読み込み中にプレースホルダ画像が必要な場合）のように開始する必要があります。

extension UIImageView { 
    func getImgFromUrl(link link: String, contentMode mode: UIViewContentMode) { 
     guard 
     self.image = nil // Here you can put nil to have a blank image or a placeholder image 
     let url = NSURL(string: link) 
     else { return } 
     contentMode = mode 
     NSURLSession.sharedSession().dataTaskWithURL(url, completionHandler: { (data, response, error) -> Void in 
      guard 
      let httpURLResponse = response as? NSHTTPURLResponse where httpURLResponse.statusCode == 200, 
       let mimeType = response?.MIMEType where mimeType.hasPrefix("image"), 
       let data = data where error == nil, 
       let image = UIImage(data: data) 
      else { return } 
      dispatch_async(dispatch_get_main_queue()) {() -> Void in 
       self.image = image 
      } 
     }).resume() 
    } 
} 

しかし、私はあなたがSDWebImageの使用を検討すべきだと思う：ここにあなたのコードでそれを統合する方法です。このライブラリは、WebからのリモートイメージをサポートするUIImageViewのカテゴリを提供します。それはずっと効率的で簡単です。