javascript - 来自 Parse.com 的字节到图像

Question

我正在尝试使用 Javascript 将 Parse.com 对象转换为图像。该对象的类型为 Bytes，我无法以任何方式转换它。有人可以给我一个如何将其转换为功能性 URL 的示例吗？我尝试访问它，但它总是崩溃。

编辑:

getURL: function () {
    var query = new Parse.Query("Token");
    query.limit(20);
    query.find().then(this.handleCallback.bind(this));
},
handleCallback: function (objects) {
    for (var i = 0; i < objects.length; i++) {
        this.tokenSearch[i] = {
            imgURL: "data:image/png;base64," + objects[i].get("pic")
        };
    }
}

我尝试过objects[i].get("pic").url()、objects[i].get("pic").toString('base64')和其他一些东西，但它不会工作!

Answer 1

如果您想存储图像并稍后有一个可以加载的 URL，您应该切换到 File 数据类型，而不是仅推送字节数组。您链接的文档建议如下:

There are two ways to store binary data. The Bytes type allows you to associate NSData/bytes[] types directly on a PFObject. This is recommended only for small pieces of binary-encoded data. For actual files (images, documents, etc.), the File type can be used by instantiating a PFFile/ParseFile and setting it on a field.

您已将实际字节数组存储到 Parse 类的 pic 列中。因此，这就是你得到的全部。如果您选择将其存储为 File(iOS/OSX 中的 PFFile，Android 中的 ParseFile)，您可以执行以下操作试图做。事实上，Parse 只是存储字节，因为它会存储任何其他数据，例如日期或字符串。没有与之关联的 URL 数据。

以下是从 iOS 设备创建和上传 PFFile 的方法:

- (void)updateloadImage:(UIImage *)image {
    PFFile *file = [PFFile fileWithData:UIImagePNGRepresentation(image)];
    PFObject *newToken = [PFObject objectWithClassName:@"Token"];
    newToken[@"pic"]   = file;
    [newToken saveInBackgroundWithBlock:^(BOOL succeeded, NSError *error) {
            // Do real error handling here
            // Now, you have :
            // 1. The "pic" saved to Parse as a PFFile
            // 2. The "token" saved to Parse as a PFObject
            // 3. The "pic" stored as a property on the "token"

    }
     ];
}

一旦您以这种方式将其存储在 Parse 上，您就可以在 JavaScript SDK 中访问它，如下所示:

function getURL() {
    var query = new Parse.Query("Token");
    query.limit(20);
    query.find().then(function (objects) {
        for (var i = 0; i < objects.length; i = i + 1) {
            this.tokenSearch[i] = {imgURL: objects[i].get("pic").url()};
        }
    });
}