Angular 将文件上载程序初始化到Firebase

我能够在angular 2应用程序中正确设置预充。我正在使用此控件，我不知道在此代码中的url中放置什么：

<p-fileUpload name="myfile[]" url="http://localhost:3000/upload" multiple="multiple" accept="image/*" maxFileSize="1000000"></p-fileUpload>

我不知道在p-fileUpload内的“url”中放什么，因为当我上传到firebase时，firebase.storage（）为我完成所有工作。

---

我只是想使用primeng文件上载程序，但似乎无法使其正常工作。

我不确定Firebase的情况，但指定的URL将处理上载，即您希望如何处理上载的文件。我正在使用WebAPI，目前，我的开发URL是

我使用以下API控制器方法在Web API中处理此问题：

    [HttpPost, Route("api/upload")]
    public async Task<IHttpActionResult> Upload()
    {
       //Put code here that's going to save the file and record the details in the database.
    }

[HttpPost，路由（“api/上传”）]
公共异步任务上载（）
{
//将保存文件的代码放在这里，并在数据库中记录详细信息。
}

p-uploadFile很棘手，尤其是URL部分。我在应用程序中使用了pUpload，但只是作为文件选择器

<p-fileUpload name="myClientFile[]" (onSelect)="onSelect($event)" 
    multiple="multiple" accept=".json" maxFileSize="1000000"
    [showUploadButton]="false" (onClear)="onCancelClick()">
<ng-template *ngIf="hasFile" pTemplate type="content">
    <ul>
        <li  *ngFor="let file of uploadedFiles">{{file.name}} - {{file.size}} bytes</li>
    </ul>
</ng-template>        

另外，当您上传多个文件时，这必须处理ngTemplate

onCancelClick() {
 this.uploadedFiles.splice(0, this.uploadedFiles.length);
 this.hasFile = false;}

---

Priming版本：4.1.3

我仍然无法将Priming uploader与firebase一起使用，因此我最终使用了ngx uploader，现在它可以工作了。即使不使用http模块，您仍然需要导入它吗？我得到一个错误，“没有HttpClient的提供程序！”我已打开自定义上载属性。

<p-fileUpload name="myClientFile[]" (onSelect)="onSelect($event)" 
    multiple="multiple" accept=".json" maxFileSize="1000000"
    [showUploadButton]="false" (onClear)="onCancelClick()">
<ng-template *ngIf="hasFile" pTemplate type="content">
    <ul>
        <li  *ngFor="let file of uploadedFiles">{{file.name}} - {{file.size}} bytes</li>
    </ul>
</ng-template>        

onSelect(event) {
//Execute the actual UPDATES here.
  for(let file of event.files) {
    this.uploadedFiles.push(file);
  }
  this.hasFile = true;

}

onCancelClick() {
 this.uploadedFiles.splice(0, this.uploadedFiles.length);
 this.hasFile = false;}