【AngularJS】AngularJS向后端ASP.NET API控制器上传文件-ASP--NET-API-上传文件

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【AngularJS向后端ASP.NET API控制器上传文件】，下面是详细的讲解！

AngularJS向后端ASP.NET API控制器上传文件

public class FilesController : ApiController
{
  //using System.Web.Http
  [HttpPost]
  public async Task<HttpResponseMessage> Upload()
  {
    if(!Request.Content.IsMimeMultipartContent())
    {
      this.Request.CreateResponse(HttpStatusCode.UnsuportedMediaType);
    }
    
    var provider=GetMultipartProvider();
    var result=await Request.Content.ReadAsMultipartAsync(provider);
    
    //文件名类似"BodyPart_26d6abe1-3ae1-416a-9429-b35f15e6e5d5"这样的格式
    var originalFileName=GetDeserializedFileName(result.FileData.First());
    
    var uploadFileInfo=new FileInfo(result.FileData.First().LocalFileName);
    
    //如果前端无表单数据，这里注销
    var filleUploadObj=GetFormData<UploadDataModel>(result);
    
    var returnData="ReturnTest";
    return this.Request.CreateResponse(HttpStatusCode.OK, new {returnData});
  }
  
  private MultipartFormDataStreamProvider GetMultipartProvider()
  {
    //图片的上传路径
    var uploadFolder="~/App_Data/FileUploads";
    
    //获取根路径
    var root=HttpContext.Current.Server.MapPath(uploadFolder);
    
    //创建文件夹
    Directory.CreateDirectory(root);
    return new MultipartFormDataStreamProvider(root);
  }
  
  //从Provider中获取表单数据
  private object GetFormData<T>(MultipartFormDataStreamProvider result)
  {
    if(result.FormData.HasKeys())
    {
      var unescapedFormData=Uri.UnescapeDataString(result.FormData.GetValues(0).FirstOrDefault() ?? String.Empty);
      
      if(!String.IsNullOrEmpty(unescapedFormData))
      {
        return JsonConvert.DeserializeObject<T>(upescapedFormData);
      }
    }
    return null;
  }
  
  //获取反序列化文件名
  private string GetDeserializedFileName(MultipartFileData fileData)
  {
    var fileName=GetFileName(fileData);
    return JsonConvert.DeserializedObject(fileName).ToString();
  }
  
  //获取文件名
  public string GetFileName(MultipartFileData fileData)
  {
    return fileData.Headers.ContentDisposition.FileName;
  }
}

关于AngularJS向后端ASP.NET API控制器上传文件的用户互动如下：

　　相关问题：AngularJS中文社区angular 怎么上传文件

　　答：上传可以使用多种插件上传，如果要用jQuery，请参考 jQuery File Upload Demo AngularJS Requirements jQuery v. 1.6+ jQuery UI widget factory v. 1.9+ (included) jQuery Iframe Transport plugin (included) JavaScript Templates engine v.... >>详细

　　相关问题：AngularJS中文社区angular 怎么上传文件

　　答：angular-ui中有个upload插件，非常好用，具体参照demo >>详细

　　相关问题：AngularJS中文社区angular 怎么上传文件

　　答：上传可以使用多种插件上传，如果要用jQuery，请参考 jQuery File Upload Demo AngularJS Requirements jQuery v. 1.6+ jQuery UI widget factory v. 1.9+ (included) jQuery Iframe Transport plugin (included) JavaScript Templates engine v.... >>详细