使用 Alamofire 加载图像非常慢

Question

我正在从我的网站获取 JSON 数据到带有图像视图的 table 视图。数据加载速度很快，但图像加载速度非常慢，导致 table 视图没有响应。

这是我的 cellForRowAt 代码：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let customCell = tableView.dequeueReusableCell(withIdentifier: TableViewCell.identifier, for: indexPath) as! TableViewCell
    //let cell = tableView.dequeueReusableCell(withIdentifier: "myCell", for: indexPath)
    let item = data[indexPath.row]
    customCell.AdTitle?.text = item["title"].string
    customCell.AdDate?.text = item["time"].string
    
    if let imageUrl = item["document"].string {
        AF.request("https://mysite.co/uploads/" + imageUrl).responseImage { response in
            if case .success( _) = response.result {
                let url = NSURL(string:("https://mysite.co/uploads/" + imageUrl))
                let imagedata = NSData.init(contentsOf: url! as URL)
                
                if imagedata != nil {
                    customCell.AdImage.image = UIImage(data:imagedata! as Data)
                }
            }
        }
    }
    
    return customCell
}

Answer 1

您可以通过 SDWebImage 使用高级缓存系统简单地加载图像，如下所示：

let imageURL = URL(string: "youRemoteImageURL") //Image URL     
yourImageView.sd_setImage(with: imageURL, placeholderImage: UIImage(named: "placeholder.png"))

您的 tableViewCell 将如下所示：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
   let customCell = tableView.dequeueReusableCell(withIdentifier: TableViewCell.identifier, for: indexPath) as! TableViewCell

   let item = data[indexPath.row]
   customCell.AdTitle?.text = item["title"].string
   customCell.AdDate?.text = item["time"].string
   
   let imageUrl = item["document"].string
   let url = NSURL(string:("https://mysite.co/uploads/" + imageUrl))
   customCell.AdImage.sd_setImage(with: url, placeholderImage: UIImage(named: "placeholder.png"))

   return customCell
}

Answer 2

你的代码没问题。您必须在主线程中加载图像。编辑后的代码如下。请尝试并告诉我

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let customCell = tableView.dequeueReusableCell(withIdentifier: TableViewCell.identifier, for: indexPath) as! TableViewCell
    //let cell = tableView.dequeueReusableCell(withIdentifier: "myCell", for: indexPath)
    let item = data[indexPath.row]
    customCell.AdTitle?.text = item["title"].string
    customCell.AdDate?.text = item["time"].string
    
    if let imageUrl = item["document"].string {
        AF.request("https://mysite.co/uploads/" + imageUrl).responseImage { response in
            if case .success( _) = response.result {
                let url = NSURL(string:("https://mysite.co/uploads/" + imageUrl))
                let imagedata = NSData.init(contentsOf: url! as URL)
                
                if imagedata != nil {
                    DispatchQueue.main.async {
                        customCell.AdImage.image = UIImage(data:imagedata! as Data)
                    }
                   
                }
            }
        }
    }
    
    return customCell
}

使用 Alamofire 加载图像非常慢

Loading images very slow using Alamofire

tableview

imageview

ios

swift

alamofire