Cordova ionic 2:以表单形式将文档、pdf上传到服务器

Cordova ionic 2:以表单形式将文档、pdf上传到服务器,cordova,ionic2,hybrid-mobile-app,Cordova,Ionic2,Hybrid Mobile App,我在爱奥尼亚2中创建了一个表单,其中有一个字段可以上传简历,类型为.docs或.pdf。我尝试添加如下内容: <form [formGroup]="myForm"> <ion-list> <ion-item> <input type="file" formControlName="upresume_one" name="upresume_one"/> <

我在爱奥尼亚2中创建了一个表单,其中有一个字段可以上传简历,类型为.docs或.pdf。我尝试添加如下内容:

<form [formGroup]="myForm">

<ion-list>
            <ion-item>

                <input type="file" formControlName="upresume_one" name="upresume_one"/>
                <p>Supported formats .doc,.docs and .pdf[Max file size: 500KB]</p>
            </ion-item>
       <div class="text-right">
                <button ion-button style="background-color: #16a085;color: white;" color="secondary" (click)="save(myForm.value)">Submit</button>
            </div>

        </ion-list>


</form>
save(formData) {
console.log('Form data is ', formData);
}
在提交时,我调用保存函数,如下所示

<form [formGroup]="myForm">

<ion-list>
            <ion-item>

                <input type="file" formControlName="upresume_one" name="upresume_one"/>
                <p>Supported formats .doc,.docs and .pdf[Max file size: 500KB]</p>
            </ion-item>
       <div class="text-right">
                <button ion-button style="background-color: #16a085;color: white;" color="secondary" (click)="save(myForm.value)">Submit</button>
            </div>

        </ion-list>


</form>
save(formData) {
console.log('Form data is ', formData);
}

在consel.log中,即使选择了有效文件,我也会得到null。有人能告诉我在ionic 2中集成表单中输入类型文件的最佳方法是什么吗

我终于找到了这个问题的答案。您必须有一个可用于上载文件的单独API。下面是在ionic 2中上载文件的详细步骤:

  • 首先将爱奥尼亚文件选择器插件安装到你的应用程序中

  • 将此代码保存在某个函数中,您可以通过显示上载简历或某个文件的按钮触发该函数
  • 然后从这里将传输插件安装到您的应用程序中:这可以用于将文件上载到您的服务器

  • 我从gallery或camera拍摄照片并通过API上传的完整代码如下:

  • 要上载.pdf、.docs类文件,请参考以下内容:

  • 要从手机捕获视频并通过API将其上载到服务器,请使用以下命令:

  • 要在iOS中选择媒体以外的文件(例如.pdf、.doc),您可以参考下面的链接。如果您想从iCloud中选择一个文件,请在xcode中启用此服务。您可以在Project->Capabilities->iTunes中找到它


  • 文件选择仅适用于android。IOS呢?编辑后的答案请检查。当我试图从gallery上传图像时,我收到以下消息
    success{“bytesSent”:5433,“response code”:200,“response::“uploads/上传文件时出错,请重试!”,“objectId:”),这是我的php代码-
    “你能告诉我你在使用哪部手机吗?你想从哪个路径上传文件?你的答案在哪里?你能粘贴正确的链接吗?当前链接指向此线程本身。