在ASP.NET Boilerplate中上传图像

问题描述 投票:1回答:3

发布图片时,HttpContext.Current.Requestnull

有没有简单的方法来实现这一目标?我在客户端使用dropzone.js。

Project是Angular,带有Web API(ASP.NET Core 2.0)模板。

[HttpPost]      
public HttpResponseMessage UploadJsonFile()
{
    HttpResponseMessage response = new HttpResponseMessage();           
    var httpRequest = HttpContext.Current.Request;
    if (httpRequest.Files.Count > 0)
    {
        foreach (string file in httpRequest.Files)
        {
            var postedFile = httpRequest.Files[file];
            var filePath = HttpContext.Current.Server.MapPath("~/UploadFile/" + postedFile.FileName);
            postedFile.SaveAs(filePath);
        }
    }
    return response;
}
c# asp.net-web-api asp.net-web-api2 image-uploading aspnetboilerplate
3个回答
3
投票

这是我做过的代码工作正常。

public void PostFile(IFormFile file)
{          
    var uploads = Path.Combine(_hostingEnvironment.WebRootPath, "uploads");

    if (file.Length > 0)
    {
        var filePath = Path.Combine(uploads, file.FileName);

        using (var fileStream = new FileStream(filePath, FileMode.Create))
        {
            file.CopyToAsync(fileStream);
        }
    }
}

3
投票

首先,我们需要使用IOperationFilter在Swagger中启用文件上载。创建一个继承自IOperationFilter的类。有关详细信息,请阅读this article

public class FormFileSwaggerFilter: IOperationFilter
{
    private const string formDataMimeType = "multipart/form-data";
    private static readonly string[] formFilePropertyNames =
        typeof(IFormFile).GetTypeInfo().DeclaredProperties.Select(p => p.Name).ToArray();

    public void Apply(Operation operation, OperationFilterContext context)
    {
        var parameters = operation.Parameters;
        if (parameters == null || parameters.Count == 0) return;

        var formFileParameterNames = new List<string>();
        var formFileSubParameterNames = new List<string>();

        foreach (var actionParameter in context.ApiDescription.ActionDescriptor.Parameters)
        {
            var properties =
                actionParameter.ParameterType.GetProperties()
                    .Where(p => p.PropertyType == typeof(IFormFile))
                    .Select(p => p.Name)
                    .ToArray();

            if (properties.Length != 0)
            {
                formFileParameterNames.AddRange(properties);
                formFileSubParameterNames.AddRange(properties);
                continue;
            }

            if (actionParameter.ParameterType != typeof(IFormFile)) continue;
            formFileParameterNames.Add(actionParameter.Name);
        }

        if (!formFileParameterNames.Any()) return;

        var consumes = operation.Consumes;
        consumes.Clear();
        consumes.Add(formDataMimeType);

        foreach (var parameter in parameters.ToArray())
        {
            if (!(parameter is NonBodyParameter) || parameter.In != "formData") continue;

            if (formFileSubParameterNames.Any(p => parameter.Name.StartsWith(p + "."))
                || formFilePropertyNames.Contains(parameter.Name))
                parameters.Remove(parameter);
        }

        foreach (var formFileParameter in formFileParameterNames)
        {
            parameters.Add(new NonBodyParameter()
            {
                Name = formFileParameter,
                Type = "file",
                In = "formData"
            });
        }
    }
}

然后在Startup.cs中注册此课程

services.AddSwaggerGen(options =>
    {
        // Swagger Configuration

        // Register File Upload Operation Filter
        options.OperationFilter<FormFileSwaggerFilter>();
    });

现在在Service文件中定义如下方法,

public class ExampleAppService : // Inherit from required class/interface
{
    public RETURN_TYPE UploadFile([FromForm]IFormFile file)
    {
         // Save file here
    }
}

***不要忘记在方法参数中使用[FromForm]来上传文件,否则你会在swagger ui中获得六个参数。

现在,使用NSwag生成角度的服务文件将需要FileParameter类型的参数。现在在组件中,

methodName = (file): void => {
    // file is the selected file
    this._service
      .uploadDocument({ data: file, fileName: file.name } as FileParameter)
      .subscribe((res) => {
          // Handle Response
      });
  };

2
投票

您无法使用应用服务上传图片。

  • 只需创建一个新控制器并上传您的文件。
  • 返回客户端在服务器中生成的唯一文件名。
  • 当用户保存整个实体时,再次将唯一文件名发送给服务器。

您可以从AbpController派生控制器。

© www.soinside.com 2019 - 2024. All rights reserved.