如何使用其他表单控件(Angular 8)和asp.net核心接口上传图片

使用其他表单控件（Angular 8）和ASP.NET Core接口上传图片可以通过以下步骤完成：

在Angular 8中创建一个表单，包含一个文件上传控件和一个提交按钮。可以使用Angular Forms模块来处理表单控件。
在Angular组件中，使用@ViewChild装饰器引用文件上传控件，并为其添加一个change事件监听器。当文件选择发生变化时，触发change事件。
在change事件处理程序中，获取文件对象，并将其存储在一个FormData对象中。FormData是一种用于将表单数据编码为键值对的格式，用于发送到服务器。
使用Angular的HttpClient模块发送POST请求到ASP.NET Core接口。在请求的头部设置Content-Type为multipart/form-data，并将FormData作为请求体发送。
在ASP.NET Core接口中，使用[FromForm]特性将上传的文件绑定到一个IFormFile对象。可以使用Microsoft.AspNetCore.Http命名空间下的相关类。
在接口中处理上传的文件。可以将文件保存到服务器本地，或者将其存储到云存储服务中。这里推荐使用腾讯云的对象存储（COS）服务。您可以使用腾讯云的COS SDK来与COS进行交互，具体可参考腾讯云COS官方文档。
返回上传结果给Angular前端，可以是上传成功的消息或者上传失败的错误信息。

下面是一个示例代码：

在Angular 8组件中的HTML模板：

<form (ngSubmit)="uploadImage()">
  <input type="file" #fileInput (change)="onFileSelected(fileInput)">
  <button type="submit">上传图片</button>
</form>

在Angular 8组件中的TS文件：

import { Component, ViewChild } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-upload',
  templateUrl: './upload.component.html',
  styleUrls: ['./upload.component.css']
})
export class UploadComponent {
  @ViewChild('fileInput') fileInput: any;

  constructor(private http: HttpClient) {}

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

  uploadImage() {
    const formData = new FormData();
    formData.append('file', this.selectedFile);
    
    this.http.post('/api/upload', formData).subscribe(
      (response) => {
        console.log('上传成功');
      },
      (error) => {
        console.log('上传失败', error);
      }
    );
  }
}

在ASP.NET Core的控制器中：

using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;

[Route("api/[controller]")]
[ApiController]
public class UploadController : ControllerBase
{
    [HttpPost]
    public IActionResult UploadImage(IFormFile file)
    {
        // 处理上传的文件，可以保存到服务器本地或者上传到云存储
        // 这里以保存到服务器本地为例
        var fileName = Guid.NewGuid().ToString() + Path.GetExtension(file.FileName);
        var filePath = Path.Combine(Directory.GetCurrentDirectory(), "Uploads", fileName);
        
        using (var stream = new FileStream(filePath, FileMode.Create))
        {
            file.CopyTo(stream);
        }
        
        return Ok(new { message = "上传成功" });
    }
}

请注意，以上示例仅为演示目的，可能需要根据实际情况进行适当调整。

腾讯云相关产品推荐：对象存储（COS）对象存储（COS）是腾讯云提供的一种存储海量文件的分布式存储服务，具有高可靠、低延迟、高并发的特点。您可以通过腾讯云COS SDK与COS进行交互，实现文件的上传、下载、删除等操作。