无法传递从Firebase数据库下载的图像

时间:2019-05-15 11:31:22

标签: swift firebase swift5

我无法在从Firebase数据库检索的detailViewController上显示图像。

我试图通过查看其他示例(例如下面的示例)来解决该问题,但是我无法使其正常运行。 (iOS + Firebase) Unable to pass the Image to the next ViewController from a UITableViewCell

这是我的图片服务:

import Foundation
import UIKit
import IHProgressHUD

class ImageService {

     static let cache = NSCache<NSString, UIImage>()

    static func downloadImage(withURL url:URL, completion: @escaping (_ image:UIImage?, _ url:URL)->()) {
        let dataTask = URLSession.shared.dataTask(with: url) { data, responseURL, error in
            var downloadedImage:UIImage?


            if let data = data {
                downloadedImage = UIImage(data: data)
            }

            if downloadedImage != nil {
                self.cache.setObject(downloadedImage!, forKey: url.absoluteString as NSString)
            }

            DispatchQueue.main.async {
                completion(downloadedImage, url)
                IHProgressHUD.dismiss()
            }

        }

        dataTask.resume()
    }

    static func getImage(withURL url:URL, completion: @escaping (_ image:UIImage?, _ url:URL)->()) {
        if let image = cache.object(forKey: url.absoluteString as NSString) {
            completion(image, url)
        } else {
            downloadImage(withURL: url, completion: completion)
        }
    }
}

这就是我构造collectionViewCell的方式

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

        if collectionView === self.vegatableCollectionView {

            let productCell = collectionView.dequeueReusableCell(withReuseIdentifier: "vegatable", for: indexPath) as! MainCollectionViewCell
            productCell.set(cell: veggies[indexPath.row])


            if let productImageURL = cell?.productImageURL {
                cell?.productImageURL = productImageURL
            }

            return productCell
}

当我选择一个单元格时,会发生以下情况:

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {

        if collectionView == self.vegatableCollectionView {
            performSegue(withIdentifier: "showVegetableDetail", sender: veggies[indexPath.item])
}
}

这就是我的选择方式

override func prepare(for segue: UIStoryboardSegue, sender: Any?) {

        if segue.identifier == "showVegetableDetail" {

            let destination = segue.destination as! VegetableDetailViewController
            destination.selectedProduct = sender as! Product
            }
}

最后这是我的detailViewController:

    var veggies = [Product]()
    var veggieRef: DatabaseReference?
    var selectedProduct: Product?
    weak var cell:Product?

    @IBOutlet weak var headerTitle: UILabel!
    @IBOutlet weak var itemDescription: UILabel!

    override func viewDidLoad() {
        super.viewDidLoad()
        scrollView.delegate = self

        getTheData()

    }

    func getTheData() {

        headerTitle.text = selectedProduct?.productName
        itemDescription.text = selectedProduct?.productDescription
}
}

我只是想从数据库中获取图像并将其显示在detailViewController中。

1 个答案:

答案 0 :(得分:1)

我会改变您解决此问题的方式。

我要说它不起作用的原因是由于您下载图像的方式引起的。下载图像并进行设置时,我发现最简单的方法是使用SDWebImage库,为什么还要重新发明轮子呢?

它具有专门的功能,可以手动执行您当前要执行的操作。

我要关注的功能是:

imageView.sd_setImage(with: URL(string: "http://www.imageURL.com/path/to/image.jpg"), placeholderImage: UIImage(named: "placeholder.png"))

此功能将从URL设置图像。它涵盖了下载图像然后进行设置,同时还允许您通过占位符图像以在加载图像时显示。

在这种情况下,您的代码将简化为:

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    if collectionView === self.vegatableCollectionView {

        let productCell = collectionView.dequeueReusableCell(withReuseIdentifier: "vegatable", for: indexPath) as! MainCollectionViewCell
        productCell.set(cell: veggies[indexPath.row])
        productCell.imageView.sd_setImage(with: cell?.productImageURL, placeholderImage: UIImage(named: "loading_vege.png"))

        return productCell
    }
}

这仅需您从Firebase下载信息(包括图像URL)即可简化一切。然后可以将其传递到单元中并加载。

奖金: SDWebImage还为您缓存图像数据。这意味着,如果您加载并返回,则图像将被缓存一定的时间。