[Swift] realmを用いた画像の保存・表示

Question

実現したいこと

現在realmを用いて画像の保存・表示を行いたいと考えています。
モデルの中身は以下です。

import Foundation
import RealmSwift

class MyModel: Object {
    @objc dynamic var imageURL: String = ""
    @objc dynamic var id: String = UUID().uuidString
    override static func primaryKey() -> String? {
        return "id"
    }
}

発生している問題・分からないこと

画像の保存及び取得はできているのですが、imageViewに画像をpathから表示するときにnilになってしまい、imageViewに画像が表示されません。表示する際のimageView.imageがnilになっているので、filePath!というパス名の画像はない（UIImage(contentsOfFile: filePath!)がnilになっている）ために起きていると思うのですが、解決方法がわかりません。
お力添えをいただけますと幸いです。

該当のソースコード

//　保存
var documentDirectoryFileURL = FileManager.default.urls(for: .documentDirectory, in: .userDomainMask)[0]
    let filePath = NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true)[0]
    
func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
        if results.count != 0 {
            results[0].itemProvider.loadDataRepresentation(forTypeIdentifier: "public.image") { data, _ in
                DispatchQueue.main.async {
                    if let imageData = data, let image = UIImage(data: imageData) {
                        self.imageView.image = image
                        
                        let model = MyModel()
                        do {
                            self.saveImage()
                            try model.imageURL = self.documentDirectoryFileURL.absoluteString
                            print("successfully saved image!")
                        } catch {
                            print("Failed to save image")
                        }
                        try! self.realm.write({
                            self.realm.add(model)
                        })
                        print("model: ", model)
                    }
                }
            }
        }
        picker.dismiss(animated: true)
    }

    func createLocalDataFile() {
        let fileName = "\(UUID().uuidString).png"
        if documentDirectoryFileURL != nil   {
            let path = documentDirectoryFileURL.appendingPathComponent(fileName)
            documentDirectoryFileURL = path
        }
    }
    
    func saveImage() {
        createLocalDataFile()
        let pngImageData = imageView.image?.pngData()
        do {
            try pngImageData?.write(to: documentDirectoryFileURL)
        } catch {
            print("error")
        }
    }

// 表示
var itemList: Results<MyModel>!
override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        itemList = realm.objects(MyModel.self)
        print("itemList: ", itemList!)
        if (itemList.count != 0) {
            let fileURL = URL(string: itemList[0].imageURL)
            print("fileURL: ", fileURL!)
            do {
                let data = try Data(contentsOf: fileURL!)
                print("data: ", data)
                let image = UIImage(data: data)
                imageView.image = image
            } catch let err {
                print("Error: \(err.localizedDescription)")
            }
        }
    }

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

画像を保存した時及び表示する際の出力結果は以下のようになりました。

// 保存時
successfully saved image!
model:  MyModel {
	imageURL = file:///....../37AC5833-DE4F-4321-8A87-3734F28C51B9/Documents/0D41ED77-C001-45DA-814D-D79F96358C5B.png;
	id = 6EC2C4AD-8657-45C6-BC41-9BE24AB7F268;
}

// 表示 - Modelの中身
itemList:  Results<MyModel> <0x7f9544413830> (
	[0] MyModel {
		imageURL = file:///....../37AC5833-DE4F-4321-8A87-3734F28C51B9/Documents/0D41ED77-C001-45DA-814D-D79F96358C5B.png;
		id = 6EC2C4AD-8657-45C6-BC41-9BE24AB7F268;
	}
)
// 表示 - URL
fileURL:  file:///.../37AC5833-DE4F-4321-8A87-3734F28C51B9/Documents/0D41ED77-C001-45DA-814D-D79F96358C5B.png

表示する際にコンソールに以下のように出力されました。

Error: The file “0D41ED77-C001-45DA-814D-D79F96358C5B.png” couldn’t be opened because there is no such file.

また、Finderから保存されている写真を探したところ、添付写真の場所にあったのですが、これは保存してあるURLと違うフォルダ名になっていましたので、これが原因かと思います。（添付写真で選択している部分のフォルダ名が違う）
該当部分のフォルダ名は実行するたびに変わってしまっているため、写真が指定されたパスに存在しないとなってしまっています。

補足

参考にしたサイトは以下です。

• Swift Realm- リストで画像の保存・表示・削除
• 【Swift】Realmを使って画像データの保存と表示を実装する
• ファイルPathとファイルURL

Comments

[退会済みユーザー]

「上記の詳細・結果」の「表示」の方で、
URLやPathが「Documents/」で終わっているのが気になりました。
「該当のソースコード」に`documentDirectoryFileURL`が設定されるところが記載されていないと思うのですが、この項目にはディレクトリではなくファイルのパスが設定されているでしょうか？

[Kaguya_4869]

ご指摘ありがとうございます。
imageURLにはURLを保存したいと考えています。
documentDirectoryFileURLは以下のように宣言しています。
var documentDirectoryFileURL = FileManager.default.urls(for: .documentDirectory, in: .userDomainMask)[0]

Answer 1

一か所変更してみました。
こちらいかがでしょうか？
imageURLがファイルパスになっていなかった点かとおもいます。

//　保存はこっち
func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
    let widthSize = 200.0
    let heightSize = 100.0
    let imageViewBackground = UIImageView()
    imageViewBackground.center = CGPoint(x: bgView.center.x, y: bgView.center.y)
    imageViewBackground.bounds = CGRect(x: 0, y: 0, width: widthSize, height: heightSize)
    imageViewBackground.accessibilityIdentifier = UUID().uuidString

    let yearFormatter = DateFormatter()
    yearFormatter.dateFormat = DateFormatter.dateFormat(fromTemplate: "yyy", options: 0, locale: Locale(identifier: "jp_EN"))
    let monthFormatter = DateFormatter()
    monthFormatter.dateFormat = DateFormatter.dateFormat(fromTemplate: "MM", options: 0, locale: Locale(identifier: "jp_EN"))
    let dayFormatter = DateFormatter()
    dayFormatter.dateFormat = DateFormatter.dateFormat(fromTemplate: "dd", options: 0, locale: Locale(identifier: "jp_EN"))
    let year = yearFormatter.string(from: Date())
    let month = monthFormatter.string(from: Date())
    let day = dayFormatter.string(from: Date())

    let imageModel = MyModel()
    let realm = try! Realm()
    do {
        imageModel.imageURL = documentDirectoryFileURL.path // 修正: pathに変更
        imageModel.imageX = imageViewBackground.center.x
        imageModel.imageY = imageViewBackground.center.y
        imageModel.imageWidth = widthSize
        imageModel.imageHeight = heightSize
        imageModel.date = "\(year).\(month).\(day)"
        imageModel.id = imageViewBackground.accessibilityIdentifier!
    } catch {
        print("failed to save image.")
    }
    try! realm.write { realm.add(imageModel) }
    print("imageModel: ", imageModel)

    if results.count != 0 {
        results[0].itemProvider.loadDataRepresentation(forTypeIdentifier: "public.image") { data, _ in
            DispatchQueue.main.async {
                imageViewBackground.image = UIImage(data: data!)!
                self.bgView.insertSubview(imageViewBackground, belowSubview: self.dateLabel)
            }
        }
    }
    picker.dismiss(animated: true)
}

// 表示はこっち
var imageItemList: Results<MyModel>!
override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    let yearFormatter = DateFormatter()
    yearFormatter.dateFormat = DateFormatter.dateFormat(fromTemplate: "yyy", options: 0, locale: Locale(identifier: "jp_EN"))
    let monthFormatter = DateFormatter()
    monthFormatter.dateFormat = DateFormatter.dateFormat(fromTemplate: "MM", options: 0, locale: Locale(identifier: "jp_EN"))
    let dayFormatter = DateFormatter()
    dayFormatter.dateFormat = DateFormatter.dateFormat(fromTemplate: "dd", options: 0, locale: Locale(identifier: "jp_EN"))
    let year = yearFormatter.string(from: Date())
    let month = monthFormatter.string(from: Date())
    let day = dayFormatter.string(from: Date())
    yearLabel.text = "\(year)"
    dateLabel.text = "\(month).\(day)"

    // realm
    let realm = try! Realm()
    self.imageItemList = realm.objects(MyModel.self).filter("date == %@", "\(year).\(month).\(day)")
    print(imageItemList!)

    // ユーザーが指定したx, y座標、sizeの画像を表示する
    for i in 0..<imageItemList.count {
        let imageView = UIImageView()
        imageView.frame.size = CGSize(width: imageItemList[i].imageWidth, height: imageItemList[i].imageHeight)
        imageView.center = CGPoint(x: imageItemList[i].imageX, y: imageItemList[i].imageY)

        let filePath = imageItemList[i].imageURL
        print("filePath: ", filePath)
        
        if FileManager.default.fileExists(atPath: filePath) {
            if let image = UIImage(contentsOfFile: filePath) {
                imageView.image = image
                self.bgView.insertSubview(imageView, belowSubview: dateLabel)
            } else {
                print("Failed to load image from path: \(filePath)")
            }
        } else {
            print("File does not exist at path: \(filePath)")
        }
    }
}

Comments

[Kaguya_4869]

ありがとうございます。
ご指摘いただいた点を修正してみたのですが、状況は変わらずimageViewに画像は表示されませんでした。

Answer 2

原因

実行時にアプリのサンドボックス環境が再生成されるため、保存された時のURLと実行環境下での"Application"の次の階層名が違ってしまっていることが原因でした。（質問文で選択したフォルダ部分の名称が毎回変わってしまっている）

解決方法

毎回ディレクトリのURLを検索し、realmには画像の名前だけを保存することで解決しました。

// 保存
    func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
        if results.count != 0 {
            results[0].itemProvider.loadDataRepresentation(forTypeIdentifier: "public.image") { data, _ in
                DispatchQueue.main.async {
                    if let imageData = data, let image = UIImage(data: imageData) {
                        self.imageView.image = image
                        let fileName = UUID().uuidString
                        guard let url = try? FileManager.default.url(for: .documentDirectory, in: .userDomainMask, appropriateFor: nil, create: true).appendingPathComponent("\(fileName).jpeg") else { return }
                        let data = image.jpegData(compressionQuality: 1.0)
                        do {
                            try data?.write(to: url)
                        } catch let err {
                            print(err.localizedDescription)
                        }
                        try! self.realm.write({
                            let model = MyModel()
                            model.imageURL = "\(fileName).jpeg" //imageURLには画像の名前を保存
                            self.realm.add(model)
                        })
                    }
                }
            }
        }
        picker.dismiss(animated: true)
    }

// 表示
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        itemList = realm.objects(MyModel.self)
        print("itemList: ", itemList!)
        
        if itemList.count != 0 {
            guard let url = try? FileManager.default.url(for: .documentDirectory, in: .userDomainMask, appropriateFor: nil, create: false).appendingPathComponent(itemList[0].imageURL) else { return } // 検索
            do {
                let readData = try Data(contentsOf: url)
                let readImage = UIImage(data: readData)
                imageView.image = readImage
            } catch let error {
                print(error)
            }
        }
    }
    

参考にしたサイト

File Managerでデータを書き込む、読み出す、削除する