Swift Azure Mobile快速入门：添加PNG并同步至Azure SQL表技术咨询

作为Swift和Azure移动开发的新手，你已经迈出了关键一步——在数据模型中添加了pic字符串字段。接下来我们一步步完成剩下的实现：

1. 将xcassets中的PNG图片转换为Base64字符串 #

首先需要从资源文件中加载图片，然后将其转换为Base64编码的字符串。在需要处理图片的地方（比如添加待办项的ViewController）添加以下代码：

// 替换成你xcassets中的图片名称
guard let targetImage = UIImage(named: "your-image-asset-name") else {
    print("无法加载指定图片，请检查资源名称")
    return
}

// 将UIImage转换为PNG格式的Data
guard let imageData = targetImage.pngData() else {
    print("图片转换为Data失败")
    return
}

// 转换为Base64字符串，可选参数可以控制换行格式，这里用默认的无换行也可以
let base64PicString = imageData.base64EncodedString(options: [])

如果图片体积较大，建议先压缩再转换，避免生成过长的Base64字符串影响性能：

// 示例：将图片压缩为JPEG格式（质量0.5，可根据需求调整）
if let compressedData = targetImage.jpegData(compressionQuality: 0.5) {
    let base64PicString = compressedData.base64EncodedString(options: [])
    // 使用压缩后的Base64字符串
}

2. 更新TodoItem数据模型类 #

确保你的QSTodoItem类能够正确处理新增的pic属性，包括初始化、JSON序列化和反序列化：

class QSTodoItem: NSObject {
    var id: String?
    var text: String
    var completed: Bool
    var pic: String? // 新增的图片Base64字段

    // 更新初始化方法
    init(id: String? = nil, text: String, completed: Bool = false, pic: String? = nil) {
        self.id = id
        self.text = text
        self.completed = completed
        self.pic = pic
        super.init()
    }

    // 从Azure返回的字典初始化对象
    init?(dictionary: [String: Any]) {
        guard let text = dictionary["text"] as? String else {
            return nil
        }
        self.id = dictionary["id"] as? String
        self.text = text
        self.completed = dictionary["completed"] as? Bool ?? false
        self.pic = dictionary["pic"] as? String
        super.init()
    }

    // 将对象转换为字典，用于上传到Azure
    func toDictionary() -> [String: Any] {
        var dict: [String: Any] = [
            "text": text,
            "completed": completed
        ]
        if let id = id { dict["id"] = id }
        if let pic = pic { dict["pic"] = pic } // 加入图片字段
        return dict
    }
}

3. 修改Azure移动服务的CRUD操作 #

在调用Azure移动服务添加待办项时，需要将Base64字符串传入：

// 示例：添加带图片的待办项
func addTodoItem(withText text: String, picBase64: String?, completion: @escaping (QSTodoItem?, Error?) -> Void) {
    let newItem = QSTodoItem(text: text, pic: picBase64)
    guard let table = client?.table(withName: "TodoItem") else {
        completion(nil, NSError(domain: "AzureClientError", code: 0, userInfo: [NSLocalizedDescriptionKey: "无法获取TodoItem表"]))
        return
    }
    table.insert(newItem.toDictionary()) { result, error in
        DispatchQueue.main.async {
            if let error = error {
                completion(nil, error)
                return
            }
            guard let itemDict = result as? [String: Any], let item = QSTodoItem(dictionary: itemDict) else {
                completion(nil, NSError(domain: "ParseError", code: 0, userInfo: [NSLocalizedDescriptionKey: "解析返回数据失败"]))
                return
            }
            completion(item, nil)
        }
    }
}

4. 从Base64字符串还原图片并展示 #

在展示待办项的列表中（比如UITableViewCell），将存储的Base64字符串转回UIImage：

// 在cellForRowAt方法中处理图片展示
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "TodoCell", for: indexPath)
    let item = todoItems[indexPath.row]
    cell.textLabel?.text = item.text
    cell.accessoryType = item.completed ? .checkmark : .none

    // 处理图片展示
    if let picBase64 = item.pic, let imageData = Data(base64Encoded: picBase64), let image = UIImage(data: imageData) {
        cell.imageView?.image = image
    } else {
        // 没有图片时显示占位图
        cell.imageView?.image = UIImage(named: "placeholder-image")
    }
    return cell
}

重要注意事项 #

• Azure SQL字段类型：确保你的Azure SQL Server表中pic字段的类型是NVARCHAR(MAX)，否则可能无法存储较长的Base64字符串。
• 性能考量：Base64编码会使数据体积增加约30%，如果需要处理大量或大尺寸图片，建议评估是否真的适合用这种方式存储，不过对于小图标类的图片完全没问题。
• 错误处理：以上示例中的错误处理可以根据你的应用需求进一步完善，比如添加用户提示弹窗等。

内容的提问来源于stack exchange，提问作者G. Young