财产数据＆＃39;类型＆＃39; void |中不存在FileUploadResult＆＃39;

Question

我开发了一个提供程序来管理Ionic3应用程序中图片的上传/下载。这很好但现在我想获取将文件上传到服务器的promise返回的数据。如果我使用 alert 函数，我可以看到我预期的内容，但由于我的文本编辑器报告了这个错误，我无法访问JSON内容：

Property 'data' does not exist on type 'void | FileUploadResult'

你知道我做错了吗？

my_page.ts中的代码：

uploadImage(newFileName) {
    this.attCtrl.uploadAttachment({ file: newFileName })
                .then((response) => {
                    alert(JSON.stringify(response)); // The JSON appears exactly like I expected
                    alert(response.data); // => Property 'data' does not exist on type 'void | FileUploadResult'
                })
                .catch((err)=> {
                    alert(JSON.stringify(err));
                })

    ;
}

然后，我在提供者中的代码：

public uploadAttachment(obj) {

    let targetPath = this.pathForImage(obj.file);
    let options: FileUploadOptions = {
        ...
    };

    const fileTransfer: FileTransferObject = this.transfer.create();

    return fileTransfer.upload(targetPath, url, options).then(data => {
        return data;
    }, err => {
        this.loading.dismissAll();
    });
}

Answer 1

最后，我设法处理来自FileUpload的响应。首先应导入FileUploadResult接口：

import { FileUploadResult } from '@ionic-native/file-transfer';

然后，将此接口 FileUploadResult 设置为响应，并解析响应：

uploadImage(newFileName) {
    this.attCtrl.uploadAttachment({ file: newFileName, page: 'wo', target_id: this.wo.wo_id })
                .then((r: FileUploadResult) => {
                    let obj = JSON.parse(r.response);
                    // Then obj can be handled
                })
                .catch(err => {
                    alert(err);
                });
}