尝试将图像存储为 base64 并使用它

Question

我有一段代码是我在网上找到的，它似乎同时工作，但同时不工作。我认为这可能是我缺乏理解，但我似乎无法让它按照我想要的方式工作。

selectPicture() {               
                let context = imagepicker.create({
                    mode: "single" // use "multiple" for multiple selection
                });
                var imageBase64
                context
                .authorize()
                .then(function() {
                    return context.present();
                })
                .then(function(selection) {
                    selection.forEach(function(selected) {
                        imageSourceModule.fromAsset(selected).then((imageSource) => {
                            
                            imageBase64 = imageSource.toBase64String("jpg",60);
                            console.log("Image saved successfully!")
                            console.log(imageBase64)
                            console.log("test test") //runs fine
                            this.image = "~/assets/images/account/camera.png" //cant seem to run
                            console.log("test test 2")
                        }).catch(function (e) {
                            // process error
                            console.log("got error 1")
                        });
                    })
                }).catch(function (e) {
                    // process error
                    console.log("got error 2")
                });

            },

在 imageSourceModule.fromAsset(selected).then((imageSource) 中，我试图将 base64 信息保存在另一个变量中，但除了控制台日志字符串之外似乎无法执行任何操作。例如，当我运行 this.image = "~/assets/images/account/camera.png" （只是一个占位符，即使调用一个方法也不起作用）时，它会捕获一个错误。

可能是什么问题？谢谢！

更新

我更改了 console.log("got error 1") 以记录实际更新，我得到的是：

undefined is not an object (evaluating 'this.image = "~/assets/images/account/camera.png"')*

我现在认为我对外部调用变量的理解有问题。我的变量 'image' 在脚本中

data() {
            return {
                image : ""
            }
        }

Answer 1

首先检查this变量是什么，因为你没有使用es6 arrow functions，所以this可能不是vue实例。第二件事：当您异步更改 vue 变量时，使用 $set 方法，例如：this.$set(this, 'image', '~/assets/images/account/camera.png')

尝试将图像存储为 base64 并使用它

trying to store image as base64 and using it

base64

image

ios

vue.js

nativescript