angular - Angular 4中的文件上传

Question

当我尝试安装时 “npm 安装 ng2-file-upload --save”在我的 Angular 4 应用程序中它抛出

UNMET PEER DEPENDENCY @4.1.0
UNMET PEER DEPENDENCY @4.1.0
`-- ng2-file-upload@1.2.1

上传失败我的应用程序抛出

“无法绑定(bind)到‘uploader’，因为它不是‘input’的已知属性”

这是我的 HTML

<input type="file" ng2FileSelect [uploader]="upload" multiple formControlName="file" id="file"/>

及其组件

import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';   
import { FileSelectDirective, FileUploader } from 'ng2-file-upload/ng2-file-
upload';

export class PersonalInfoComponent implements OnInit
{
    public upload:FileUploader= new FileUploader({url:""});
}

父模块

import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';

@NgModule({

imports: [
..
....
..
FileUploadModule
],

export class RegistrationModule { }

而且我没有导入/更改 AppModule(Grand Parent Module)中的任何内容。

有人可以帮我解决这个问题吗...

Answer 1

无需插件即可在 Angular 4 中上传图片这篇文章可能值得一试。 Upload images in Angular 4 without a plugin

它强调了这几点:

1. 使用 .request() 方法代替 .post
2. 将 formData 直接发送到正文中。
3. 自定义 header 项并构建新的 RequestOptions对象。
4. 为了发送带有图像内容的 formData，您必须删除 Content-Type header 。