Datei hochladen zum Web-API

Ich habe Folgendes Modell :

public class FileModel
{
  public byte[] FileData{get;set;}
  public string FileName {get;set;}
}

Habe ich codiert eine private Web-API-service, die meine Web-Anwendung.
Wenn die uploads von Dateien, konvertieren Sie diese Dateien in ein byte-array und senden eine List<FileModel> auf meine Web-API aus C# - code (nicht von einer HTML-Seite, da meine Web-API ist privat von meiner website), das erspart mir die Datei und die Ergebnisse zurückgeben.

Web-API-Methode:

[HttpPost]
public UploadFiles(List<FileModel> files)
{
//Do work
}

Der obige code bricht, wenn ich hochladen vielen großen Dateien - code-Fehler beim serialisieren von großen Dateien' FileModels, da Sie mehr als die max serialisieren Länge.

Wie behebe ich dieses Problem? Gibt es eine andere Möglichkeit zum upload von Dateien auf Web-API, ohne dass es der Benutzer?

Möglich, Duplikat der wie zum hochladen einer großen Datei mit ASP.NET MVC4 Web-Api mit progressbar
Verwenden chunk byte Ansatz der upload asynchron. stackoverflow.com/questions/583970/...
Ich will nicht, um mehrere web-api-Aufrufe.

InformationsquelleAutor Vignesh Pandi | 2017-10-12

  1. 1

    Hier ist eine Lösung für diese situation.

    Ihre controller-Aktion akzeptiert keine Parameter, wie gezeigt, auf code-snippet.

    public async Task<HttpResponseMessage> PostByteArrayAsync()
{
       string root = HttpContext.Current.Server.MapPath("~/folder");
       var provider = new MultipartFormDataStreamProvider(root);
       await Request.Content.ReadAsMultipartAsync(provider);
       foreach (var file in provider.FileData)
       {
             var buffer = File.ReadAllBytes(file.LocalFileName);
             //store to db and other stuff
       }
       return Ok();
}

    Und den code oben für front-end-Probe.

    UploadData(event) {
        this.setState({ loading: true });
        event.preventDefault();
        let data = new FormData();
        let fileData = document.querySelector('input[type="file"]').files[0];
        data.append("data", fileData);
        let that = this;
        fetch("api/upload", {
            method: "POST",
            "Content-Type": "multipart/form-data",
            "Accept": "application/json",
            body: data
        }).then(function (res) {
            if (res.ok) {
                call('api', 'GET').then(response => { response.error ? response.message : that.props.change(response); that.setState({ loading: false }) });
            }
            else {
                that.setState({ loading: false });
                that.failedMsg();
            }
        })
    }
    hi danke für die Antwort, aber ich bin nicht versucht zu POSTEN-Datei auf meinem Web-API direkt.Ich werde Entsendung-Datei auf meinem MVC action controller und macht meine controller-action POST-Datei auf meinem Web-API.Ich will nicht, dass meine Web-API-url ausgesetzt, da seine privaten (d.h. speziell für meine website)

    InformationsquelleAutor narekye

  2. 0

    Fügen Sie diese in Ihrem web.config-Datei. 

    <configuration>
   <system.web>
      <httpRuntime maxRequestLength ="1999999"/>
</system.web>
</configuration>

    Und auch steigern Sie Ihre content-Länge in MVC config Datei.

    <system.webServer> 
  <security> 
      <requestFiltering> 
         <requestLimits maxAllowedContentLength="1999999999" /> 
      </requestFiltering> 
  </security>
<system.webServer>

    maxRequestLength Wert wird in Kilobyte.

    maxAllowedContentLength Wert ist in Byte.

    Können Sie ändern über Größe entsprechend Ihren Anforderungen.

    Danke, aber maxRequestLength ist nicht die Ursache für mein problem.
    Wenn ich mit httpClient.PostAsJsonAsync<Liste<FileModel>>("API-URL",postObj). Ich eine Antwort zurück von Web-API-Methode nicht gefunden.
    Dies ist aber nur für große Dateien
    Ich denke, dass httpClient ist nicht mein Objekt serialisieren zu Json und sendet leeres Objekt, und damit bin ich immer Web-API-Methode nicht gefunden Antwort. Dies ist meine beste Vermutung.
    meine web.config content-length : "<requestLimits maxAllowedContentLength="52428800 gesetzt" />

    InformationsquelleAutor Amit Kumar

Schreibe einen Kommentar