Datei hochladen mit WebApi, ajax

Die Antwort hat mehrere Teile.

Erste, um die Datei hochzuladen, können Sie eine Ansicht mit code wie diesem:

@using (Html.BeginForm())
{
    <input type="file" value="Choose a file"/>
    <br/>
    <input type="button" value="Upload" id="upload"/>
}

@section scripts
{
<script type="text/javascript">
    $(document).ready(function() {
        $('#upload').click(function () {
            var data = new FormData();
            var file = $('form input[type=file]')[0].files[0];
            data.append('file',file);
            $.ajax({
                url: '/Api/File/Upload',
                processData: false,
                contentType: false,
                data: data,
                type: 'POST'
            }).done(function(result) {
                alert(result);
            }).fail(function(a, b, c) {
                console.log(a, b, c);
            });
        });
    });
</script>    
}

Zweite, diese Daten zu erhalten, erstellen Sie einen controller, mit einer Methode wie diese:

public class FileController : ApiController
{
    [HttpPost]
    public async Task<string> Upload()
    {
       var provider = new MultipartMemoryStreamProvider();
       await Request.Content.ReadAsMultipartAsync(provider);

       //extract file name and file contents
       var fileNameParam = provider.Contents[0].Headers.ContentDisposition.Parameters
           .FirstOrDefault(p => p.Name.ToLower() == "filename");
       string fileName = (fileNameParam == null) ? "" : fileNameParam.Value.Trim('"');
       byte[] file = await provider.Contents[0].ReadAsByteArrayAsync();

       //Here you can use EF with an entity with a byte[] property, or
       //an stored procedure with a varbinary parameter to insert the
       //data into the DB

       var result 
           = string.Format("Received '{0}' with length: {1}", fileName, file.Length);
       return result;
    }
}

Dritte, standardmäßig die maximale upload-Größe begrenzt ist. Können Sie überwinden diese Einschränkungen ändern web.config:

1. Hinzufügen maxRequestLength="max size in bytes" im <configuration><system.web><httpRuntime>. (Oder erstellen Sie diese lement, wenn es nicht vorhanden ist):

2. Hinzufügen maxAllowedContentLength zu <configuration><system.web><security><requestFiltering><requestLimits> element (oder erstellen Sie dieses element, falls es nicht existiert)

Diese Einträge wie folgt Aussehen:

<configuration>
  <system.web>
    <!-- kilobytes -->
    <httpRuntime targetFramework="4.5" maxRequestLength="2000000" />

<configuration>
  <system.webServer>
   <security>
    <requestFiltering>
      <!-- bytes -->
      <requestLimits maxAllowedContentLength="2000000000"/>

HINWEIS: Sie sollten dies innerhalb einer <location> element, so dass diese Grenzwerte sind nur dann angewendet, um die Besondere Strecke, wo die Dateien hochgeladen werden, wie diese:

<location path="Api/File/Upload">
  <system.web>
     ...
  <system.webServer>
     ...

Vorsicht zu ändern, die root - web.config nicht die, die in der Views Ordner.

Vierten, als zur Speicherung der Daten in der Datenbank, wenn Sie mit EF, müssen Sie einfach nur ein Unternehmen wie dieses:

public class File
{
  public int FileId { get; set; }
  public string FileName { get; set; }
  public byte[] FileContent { get; set; }
}

Erstellen Sie ein neues Objekt dieser Klasse, fügen Sie den Rahmen und speichern Sie die änderungen.

Wenn Sie gespeicherte Prozeduren verwenden, erstellen Sie eine, die eine varbinary parameter, und übergeben Sie die byte[] file als Wert.

InformationsquelleAutor JotaBe

Wenn Sie möchten, speichern Sie die Datei auf eine BLOB Feld in Ihrer Datenbank, dann können Sie den code aus dem folgenden post: Sparen jede Datei in der Datenbank, nur konvertieren Sie es in ein byte-array?.

Den relevanten code ist unten:

public static int databaseFilePut(MemoryStream fileToPut)
{
    int varID = 0;
    byte[] file = fileToPut.ToArray();
    const string preparedCommand = @"
                    INSERT INTO [dbo].[Raporty]
                               ([RaportPlik])
                         VALUES
                               (@File)
                        SELECT [RaportID] FROM [dbo].[Raporty]
            WHERE [RaportID] = SCOPE_IDENTITY()
                    ";
    using (var varConnection = Locale.sqlConnectOneTime(Locale.sqlDataConnectionDetails))
    using (var sqlWrite = new SqlCommand(preparedCommand, varConnection))
    {
        sqlWrite.Parameters.Add("@File", SqlDbType.VarBinary, file.Length).Value = file;

        using (var sqlWriteQuery = sqlWrite.ExecuteReader())
            while (sqlWriteQuery != null && sqlWriteQuery.Read())
                varID = sqlWriteQuery["RaportID"] is int ? (int) sqlWriteQuery["RaportID"] : 0;
    }
    return varID;
}

Kombinieren Sie die Vorgehensweise in dem link, den Sie geschickt mit dem code für das Begehen einer MemoryStream zu der Datenbank in eine Antwort, die ich auf die verlinkt wird.

Müssen Sie eine bestimmte Spalte in Ihrer Tabelle zu speichern den Namen der Datei. Im Grunde benötigen Sie eine BLOB Spalte für die Datei-Inhalte und andere TEXT oder VARCHAR Spalte für den Namen der Datei. Der link, den Sie zeigt einen Weg, um den Namen der Datei.

Jedoch, wie andere haben darauf hingewiesen, Sie sollten nicht speichern Sie Dateien in der Datenbank. Die häufigste Art der Behandlung von Datei-uploads, um Sie zu speichern zu einem Speicherort auf dem server und Begehen Sie den Pfad zu der gespeicherten Datei auf eine TEXT oder VARCHAR Feld in der Datenbank.

InformationsquelleAutor Igor Ševo

Ich denke, was Sie erreichen wollen, die hier teilweise beantwortet in diesem Vorherige Frage

Nun, über das speichern von direkt auf die Datenbank, die Sie sollten in der Lage sein, dies zu erreichen, ohne zu speichern Sie die Datei auf einer Festplatte der ersten, in der Regel durch Einnahme der stream byte-array und legt es in Ihre Datenbank entity-oder row-Eigenschaft, die als byte[] (array von bytes)

InformationsquelleAutor Bishoy