无法上传angular 2中的个人资料图片上传

在Angular 2中，实现个人资料图片上传的方法如下：

首先，你需要在Angular项目中创建一个组件，用于处理个人资料图片上传的逻辑。可以使用Angular CLI命令行工具来生成一个新的组件：

ng generate component ProfileImageUpload

在生成的组件文件中，你可以使用Angular的表单模块来创建一个文件上传表单。在组件的HTML模板中，添加以下代码：

<form (ngSubmit)="uploadProfileImage()" enctype="multipart/form-data">
  <input type="file" name="profileImage" (change)="onFileSelected($event)">
  <button type="submit">上传</button>
</form>

在组件的TypeScript文件中，你需要编写逻辑来处理文件选择和上传操作。首先，定义一个变量来存储用户选择的文件：

selectedFile: File;

然后，编写一个事件处理函数来获取用户选择的文件：

onFileSelected(event: any) {
  this.selectedFile = event.target.files[0];
}

接下来，编写上传文件的函数：

uploadProfileImage() {
  const formData = new FormData();
  formData.append('profileImage', this.selectedFile);

  // 发送HTTP请求将文件上传到服务器
  // 这里可以使用Angular的HttpClient模块来发送POST请求
  // 你可以根据具体的后端实现来调整请求的URL和参数

  // 示例代码：
  // this.http.post('http://example.com/upload', formData).subscribe(response => {
  //   console.log('文件上传成功！');
  // });
}