C# webapi，如何使用自定义模型绑定器从POST/PUT操作读取文件

我有以下react组件，显然工作正常：

import React, { Component } from 'react';
import { Row, Col } from 'antd';
import PageHeader from '../../components/utility/pageHeader';
import Box from '../../components/utility/box';
import LayoutWrapper from '../../components/utility/layoutWrapper.js';
import ContentHolder from '../../components/utility/contentHolder';
import basicStyle from '../../settings/basicStyle';
import IntlMessages from '../../components/utility/intlMessages';
import { adalApiFetch } from '../../adalConfig';

export default class extends Component {
  constructor(props) {
    super(props);
    this.state = {TenantId: '', TenantUrl: '', TenantPassword: '' };
    this.handleChangeTenantUrl = this.handleChangeTenantUrl.bind(this);
    this.handleChangeTenantPassword = this.handleChangeTenantPassword.bind(this);
    this.handleChangeTenantId= this.handleChangeTenantId.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  };


  handleChangeTenantUrl(event){
    this.setState({TenantUrl: event.target.value});
  }

  handleChangeTenantPassword(event){
    this.setState({TenantPassword: event.target.value});
  }

  handleChangeTenantId(event){
    this.setState({TenantId: event.target.value});
  }

  handleSubmit(event){
    event.preventDefault();

    let data = new FormData();
    //Append files to form data
    data.append("model", {"TenantId": this.state.TenantId, "TenantUrl": this.state.TenantUrl, "TenantPassword": this.state.TenantPassword });

    let files = this.state.selectedFiles;
    for (let i = 0; i < files.length; i++) {
      data.append("file", files[i], files[i].name);
    }

    const options = {
      method: 'put',
      body: data,
      config: {
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      }
    };

    adalApiFetch(fetch, "/Tenant", options)
      .then(response => response.json())
      .then(responseJson => {
        if (!this.isCancelled) {
          this.setState({ data: responseJson });
        }
      })
      .catch(error => {
        console.error(error);
      });
  }


  upload(e){
    let files = e.target.files;
    this.setState({ 'selectedFiles': files });
}

  render(){
    const { data } = this.state;
    const { rowStyle, colStyle, gutter } = basicStyle;

    return (
      <div>
        <LayoutWrapper>
        <PageHeader>{<IntlMessages id="pageTitles.TenantAdministration" />}</PageHeader>
        <Row style={rowStyle} gutter={gutter} justify="start">
          <Col md={12} sm={12} xs={24} style={colStyle}>
            <Box
              title={<IntlMessages id="pageTitles.TenantAdministration" />}
              subtitle={<IntlMessages id="pageTitles.TenantAdministration" />}
            >
              <ContentHolder>
              <form onSubmit={this.handleSubmit}>
                <label>
                  TenantId:
                  <input type="text" value={this.state.TenantId} onChange={this.handleChangeTenantId} />
                </label>
                <label>
                  TenantUrl:
                  <input type="text" value={this.state.TenantUrl} onChange={this.handleChangeTenantUrl} />
                </label>
                <label>
                  TenantPassword:
                  <input type="text" value={this.state.TenantPassword} onChange={this.handleChangeTenantPassword} />
                </label>
                <label>
                  Certificate:
                  <input onChange = { e => this.upload(e) } type = "file" id = "files" ref = { file => this.fileUpload } />
                </label>            
              <input type="submit" value="Submit" />
              </form>
              </ContentHolder>
            </Box>
          </Col>
        </Row>
      </LayoutWrapper>
      </div>
    );
  }
}

import React，{Component}来自'React'；
从“antd”导入{Row，Col}；
从“../../components/utility/PageHeader”导入PageHeader；
从“../../components/utility/Box”导入框；
从“../../components/utility/LayoutWrapper.js”导入LayoutWrapper；
从“../../components/utility/ContentHolder”导入ContentHolder；
从“../../settings/basicStyle”导入basicStyle；
从“../../components/utility/IntlMessages”导入IntlMessages；
从“../../adalConfig”导入{adalApiFetch}；
导出默认类扩展组件{
建造师（道具）{
超级（道具）；
this.state={TenantId:''，TenantUrl:''，TenantPassword:''}；
this.handlechangetranturl=this.handlechangetranturl.bind（this）；
this.handlechangetantpassword=this.handlechangetantpassword.bind（this）；
this.handlechangetantid=this.handlechangetantid.bind（this）；
this.handleSubmit=this.handleSubmit.bind（this）；
};
handleChangeTenantUrl（事件）{
this.setState（{TenantUrl:event.target.value}）；
}
handleChangeTenantPassword（事件）{
this.setState（{TenantPassword:event.target.value}）；
}
handlechangetrantid（事件）{
this.setState（{TenantId:event.target.value}）；
}
handleSubmit（事件）{
event.preventDefault（）；
let data=new FormData（）；
//将文件附加到表单数据
data.append（“model”，{“TenantId”：this.state.TenantId，“tenantur”：this.state.tenantur，“TenantPassword”：this.state.TenantPassword}）；
让files=this.state.selectedFiles；
for（设i=0；iresponse.json（））
.然后（responseJson=>{
如果（！this.isCancelled）{
this.setState（{data:responseJson}）；
}
})
.catch（错误=>{
控制台错误（error）；
});
}
上传（e）{
让files=e.target.files；
this.setState（{'selectedFiles'：files}）；
}
render（）{
const{data}=this.state；
const{rowStyle，colStyle，gutter}=basicStyle；
返回(
{}
租户：
租户：
租户密码：
证书：
this.upload（e）}type=“file”id=“files”ref={file=>this.fileUpload}/>
);
}
}

但是，我有一个自定义模型活页夹，如下所示：

public bool BindModel(HttpActionContext actionContext, ModelBindingContext bindingContext)
        {
            if (bindingContext.ModelType != typeof(Tenant))
            {
                return false;
            }

            var task = Task.Run(async () =>
            {
                var model = new Tenant();

                if (!actionContext.Request.Content.IsMimeMultipartContent())
                {
                    bindingContext.ModelState.AddModelError(bindingContext.ModelName, "WebRequeest content 'multipart/form-data' is valid");
                }
                else
                {
                    var provider = await actionContext.Request.Content.ReadAsMultipartAsync();

                    var fileContent = provider.Contents.FirstOrDefault(n => n.Headers.ContentDisposition.Name.Equals("file"));
                    if (fileContent == null)
                    {
                        bindingContext.ModelState.AddModelError(bindingContext.ModelName, "Section 'file' is missed");
                    }

                    var modelContent = provider.Contents.FirstOrDefault(n => n.Headers.ContentDisposition.Name.Equals("model"));
                    if (modelContent == null)
                    {
                        bindingContext.ModelState.AddModelError(bindingContext.ModelName, "Section 'model' is missed");
                    }

                    if (fileContent != null && modelContent != null)
                    {
                        model = JsonConvert.DeserializeObject<Tenant>(await modelContent.ReadAsStringAsync());
                        //model.Text = "<NativeTranslation>";
                        model.ContentType = provider.Contents[0].Headers.ContentType.MediaType;
                        model.CertificateFile = await fileContent.ReadAsByteArrayAsync();
                        //model.TenantId = fileContent.Headers.ContentDisposition.FileName;
                    }
                }

                return model;
            });

            task.Wait();

            bindingContext.Model = task.Result;
            return true;
        }
    }

public bool BindModel（HttpActionContext actionContext，ModelBindingContext bindingContext）
{
if（bindingContext.ModelType！=typeof（租户））
{
返回false；
}
var task=task.Run（异步（）=>
{
var model=新租户（）；
如果（！actionContext.Request.Content.IsMimeMultipartContent（））
{
bindingContext.ModelState.AddModelError（bindingContext.ModelName，“WebRequeest内容‘多部分/表单数据’有效”）；
}
其他的
{
var provider=await actionContext.Request.Content.ReadAsMultipartAsync（）；
var fileContent=provider.Contents.FirstOrDefault（n=>n.Headers.ContentDisposition.Name.Equals（“文件”）；
if（fileContent==null）
{
bindingContext.ModelState.AddModelError（bindingContext.ModelName，“缺少“文件”部分”）；
}
var modelContent=provider.Contents.FirstOrDefault（n=>n.Headers.ContentDisposition.Name.Equals（“模型”）；
if（modelContent==null）
{
bindingContext.ModelState.AddModelError（bindingContext.ModelName，“缺少“模型”部分”）；
}
if（fileContent！=null&&modelContent！=null）
{
model=JsonConvert.DeserializeObject（等待modelContent.ReadAsStringAsync（））；
//model.Text=“”；
model.ContentType=provider.Contents[0]。Headers.ContentType.MediaType；
model.CertificateFile=await fileContent.ReadAsByteArrayAsync（）；
//model.TenantId=fileContent.Headers.ContentDisposition.FileName；
}
}
收益模型；
});
task.Wait（）；
bindingContext.Model=task.Result；
返回true；
}
}

但filecontent为null，model也为null

更新1：

---

我没想到会出现这种情况，但在检查

ContentDispositionHeader的名称时，似乎必须包含引号

对于
文件
，而不是

var fileContent = provider.Contents.FirstOrDefault(n => n.Headers.ContentDisposition.Name.Equals("file"));

一定是

var fileContent = provider.Contents.FirstOrDefault(n => n.Headers.ContentDisposition.Name.Equals(@"""file"""));

var modelContent = provider.Contents.FirstOrDefault(n => n.Headers.ContentDisposition.Name.Equals(@"""model"""));

对于
型号
必须

var fileContent = provider.Contents.FirstOrDefault(n => n.Headers.ContentDisposition.Name.Equals(@"""file"""));

var modelContent = provider.Contents.FirstOrDefault(n => n.Headers.ContentDisposition.Name.Equals(@"""model"""));

如果您通过
provider.Contents[0].Headers.ContentDisposition检查Visual Studio即时窗口中的
文件
（可能是索引[1]），您将看到以下输出。

请注意
DispositionType:“表单数据”
和
名称：“\”文件“
”之间引号的区别，尽管它们都是
字符串类型

{form-data; name="file"; filename="upload.txt"}
    CreationDate: null
    DispositionType: "form-data"
    FileName: "\"upload.txt\""
    FileNameStar: null
    ModificationDate: null
    Name: "\"file\""
    Parameters: Count = 2
    ReadDate: null
    Size: null

我还不是
React
开发者，所以我无法执行
webapi<