Bootstrap File-Input-plugin immer Daten aus dem Formular an den controller

Ich bin mit dem Bootstrap File-Input-plugin und ich versuche, die Bilder an den Controller aber ich bin nicht mit irgendeinem Erfolg. Hat jemand implementiert diese in MVC, dass könnte geben Sie mir einige Richtung? Ich war erfolgreich im Vorbeigehen die contactId in der uploadExtraData Eigenschaft. Wenn ich den Kommentar aus, und verwenden Sie die data Eigenschaft, die ich erhalten eine Fehlermeldung, die einen parameterlosen Konstruktor für die Methode konnte nicht gefunden werden. Das macht Sinn, aber ich bin mir nicht sicher, wie Sie Sie übergeben die Eingabe-array an den controller.

Anzeigen-Code

<div class="col-md-12 form-group">
    <div class="editor-field">
        <input id="input-702" name="kartik-input-702[]" type="file" multiple="true" class="file-loading">
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $("#input-702").fileinput({
            type: 'POST',
            cache: false,
            allowedFileExtensions: ['jpg', 'png', 'gif'],
            allowedFileTypes: ['image'],
            maxFileSize: 2000,
            uploadUrl: '@Url.Action("ImageUpload", "Contact")',
            maxFileCount: 2,
            enctype: 'multipart/form-data',
            overwriteInitial: true,
            uploadExtraData: { 'request': document.getElementById('input-702').value, 'contactId' : document.getElementById('ContactID').value },
            msgSizeTooLarge: "File {name} ({size} KB) exceeds maximum upload size of {maxSize} KB. Please Try again",
            msgFilesTooMany: "Number of Files selected for upload ({n}) exceeds maximum allowed limit of {m}",
            msgInvalidFileType: 'Invalid type for file "{name}". Only {types} files are supported.',
            msgInvalidFileExtension: 'Invalid extension for file {name}. Only "{extensions} files are supported.',
        });
    });
</script>

Controller-Code

[HttpPost]
public ActionResult ImageUpload(HttpRequest request, int contactId)
{
    int contactID = (int)contactId;
    return null;
}
  • können Sie Hilfe ich habe Verwandte Frage
  • können Sie mir helfen, für den diese Frage
InformationsquelleAutor Tim | 2015-02-04
  1. 2

    Gelöst: ich habe ein ähnliches plugin die MVC-Implementierung. Die gleichen Konstrukte arbeitete für dieses Steuerelement.

    public ActionResult SaveUploadedFile()
    {
        bool isSavedSuccessfully = true;
        string fName = "";
                try{
        foreach (string fileName in Request.Files)
        {
            HttpPostedFileBase file = Request.Files[fileName];
            //Save file content goes here
            fName = file.FileName;
            if (file != null && file.ContentLength > 0)
            {

                var originalDirectory = new DirectoryInfo(string.Format("{0}Images\\WallImages", Server.MapPath(@"\")));

                string pathString = System.IO.Path.Combine(originalDirectory.ToString(), "imagepath");

                var fileName1 = Path.GetFileName(file.FileName);

                bool isExists = System.IO.Directory.Exists(pathString);

                if (!isExists)
                    System.IO.Directory.CreateDirectory(pathString);

                var path = string.Format("{0}\\{1}", pathString, file.FileName);
                file.SaveAs(path);

            }

        } 

       }
       catch(Exception ex)
        {
            isSavedSuccessfully = false;
        }


        if (isSavedSuccessfully)
        {
            return Json(new { Message = fName });
        }
        else
        {
            return Json(new { Message = "Error in saving file" });
        }
    }
    InformationsquelleAutor Tim
Schreibe einen Kommentar