dropzone.js - Dropzone + Vue 无法访问 dataURL

Question

是否可以使用 dropzone 上传文件但不要 ajax 到 url。但是我可以在 Vue 中接收到文件对象吗？我无法访问 dataURL

dropzoneOptions: {
    url: "/api/uploadImg",
    thumbnailWidth: 150,
    addRemoveLinks: true,
    autoDiscover: false,
    // autoProcessQueue: false,
    maxFiles: 1,
    headers: { "My-Awesome-Header": "header value" },
    init: function () {
        this.on("addedfile", function (file) {
            console.log(file.dataURL);
            this.pwraImg = file.dataURL;

            //     var reader = new FileReader();
            //     reader.readAsDataURL(file);
            //     reader.onload = () => {
            //         this.pwraImg = reader.result;
            //     };
        });
    },
}

Answer 1

有同样的问题，可能您已经想通了，但这是其他人的答案： 访问 File 对象的某些列出的属性时返回“未定义”

基本上，道具是异步的，你可能试图在它准备好之前得到它。