代码之家 › 专栏 › 技术社区 › PuntanetDeveloper

从Angular5/6上传文件到WebAPI C#

file-upload typescript angular asp.net

PuntanetDeveloper · 技术社区 · 6 年前

我需要将文件转换为字节数组,并将其转换为webapi

我的HTML模板:

 <input style="display: none"  type="file" (change)="onFileChanged($event)" #fileInput>
 <button (click)="fileInput.click()">Select File</button>
 <button (click)="onUpload()">Upload!</button>

结束我的组件:

    onFileChanged(event) {
      this.selectedFile = event.target.files[0]      
    }  
    onUpload() {   
      const uploadFile = new FormData();   
      uploadFile.append('string', this.selectedFile, 
                                   this.selectedFile.name);       
      this.http.post(URL ,uploadFile);        
    }

对于本例,不使用服务

1 回复 | 直到 6 年前

-1

Sachila Ranawaka 6 年前

需要创建 FormData 对象以上载图像

onUpload() {   

    let formData:FormData = new FormData();
    formData.append('uploadFile', this.selectedFile, this.selectedFile.name);
    let headers = new Headers();

    headers.append('Content-Type', 'multipart/form-data');
    headers.append('Accept', 'application/json');

    let options = new RequestOptions({ headers: headers });   

    this.http.post('http://localhost:516./....', formData, options)
     .subscribe(event =>  console.log(event));        
}

推荐文章

Scott-MEARN-Developer · FileReader()以角度返回未定义和伪路径

2 年前

Lamberto Fredrick Nababan · PHP/MySQL-在执行单个上载时输入两次数据

7 年前

Wai Yan Hein · 上传时,Laravel正在旋转图像

7 年前

Chris · 要在chrome中添加哪个标志才能不看到c:/fakepath

7 年前

Yu.Pan · 如何上载文件夹或找到替换文件夹的方法

7 年前

Karma Blackshaw · 文件输入类型的未定义索引[重复]

7 年前

TheSwiftGuy77 · 使用Swift 4将Pdf、Docx和图像文件上载到服务器

7 年前

acb1980 · 上次更新后,Safari(iOS和OS X)上的Ajax文件上传中断

7 年前

Marcus Grass · Django将文件保存到磁盘文件夹的最简单方法,无需使用模型

7 年前

ahmed · 使用Mysql在php//中上载图像时无法打开流

7 年前