Компонент загрузки пользовательского интерфейса Kendo для angular 2 - невозможно загрузить

Я кендо ui для angular 2 и веб-API (ядро .net). Я не могу загружать файлы в веб-API, используя загрузку кендо.

Вот мой пример кода: Html:

    <kendo-upload [saveUrl]="uploadSaveUrl"
                          [removeUrl]="uploadRemoveUrl"
                          (upload)="uploadEventHandler($event)">
    </kendo-upload>

Загрузить обработчик событий

     uploadEventHandler(e: UploadEvent) 
     {
         this.fs.uploadFile(e.files).subscribe(result => { console.log('result', result); });

     }

Служба загрузки:

 uploadFile(file: any) 
 {

    const baseUrl = this.basePath + '/api/Common/UploadFile';

    return this.dah.post(baseUrl, file);
}

Веб-API:

    [HttpPost("UploadFile")]
    public string UploadFile(IList<IFormFile> files)
    {

        return "";
    }

Здесь я не могу получить список файлов в API. Есть рабочий код??


angular asp.net-core-webapi kendo-ui-angular2 kendo-upload
person Rakesh Maharjan    schedule 04.07.2017    source источник

Ответы (2)


arrow_upward
2
arrow_downward 

<kendo-upload #myUpload="kendoUpload" [autoUpload]="false" [saveUrl]="'/api/Attachment/PostFormData'"  (upload)="uploadEventHandler($event)"> </kendo-upload>

component.ts

ploadEventHandler(e: UploadEvent) {
        console.log(e.files[0].uid);
        // you can send extra data here
        e.data = {
            attachmentType: this.typList.filter(x=>x.Uid == e.files[0].uid)[0].type
        };
    }

Контроллер веб-API

[HttpPost]
        public async Task<HttpResponseMessage> PostFormData()
        {
            // Check if the request contains multipart/form-data.
            if (!Request.Content.IsMimeMultipartContent())
            {
                throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType);
            }

            string _property = System.Web.HttpContext.Current.Request.Form["attachmentType"];

            string root = HttpContext.Current.Server.MapPath("~/App_Data/uploads");
            var provider = new MultipartFormDataStreamProvider(root);

            try
            {
                // Read the form data.
                await Request.Content.ReadAsMultipartAsync(provider);
                int i = 0;
                // This illustrates how to get the file names.
                foreach (MultipartFileData fileData in provider.FileData)
                {
                    if (string.IsNullOrEmpty(fileData.Headers.ContentDisposition.FileName))
                    {
                        return Request.CreateResponse(HttpStatusCode.NotAcceptable, "This request is not properly formatted");
                    }
                    string fileName = fileData.Headers.ContentDisposition.FileName;
                    if (fileName.StartsWith("\"") && fileName.EndsWith("\""))
                    {
                        fileName = fileName.Trim('"');
                    }
                    if (fileName.Contains(@"/") || fileName.Contains(@"\"))
                    {
                        fileName = Path.GetFileName(fileName);
                    }
                    var ext = Path.GetExtension(fileName);
                    var uniqFileName = $@"{Guid.NewGuid() + "." + ext }";
                    File.Move(fileData.LocalFileName, Path.Combine(root, uniqFileName));
                    i++;
                }
                return Request.CreateResponse(HttpStatusCode.OK);
            }
            catch (System.Exception e)
            {
                return Request.CreateErrorResponse(HttpStatusCode.InternalServerError, e);
            }
        }
person Muhammed Afsal    schedule 21.10.2017
comment
Как нам отправить другие параметры, например, например, applicationId. Итак, когда мы создаем для него запись, мы можем связать этот файл с этим идентификатором приложения? - person HereToLearn_; 29.11.2017
comment
см., что я отправляю другие параметры e.data = {attachmentType: this.typList.filter(x=›x.Uid == e.files[0].uid)[0].type }; // тип прикрепления — это получение данных формы :- string _property = System.Web.HttpContext.Current.Request.Form[attachmentType]; // С# - person Muhammed Afsal; 30.11.2017

arrow_upward
0
arrow_downward

Вы не сказали, что такое «this.dah», но при использовании метода kendo-upload «uploadFiles()» вы можете получить доступ к своим файлам через атрибут [FromForm] в службе веб-API:

[HttpPost("UploadFile")]
public string UploadFile([FromForm]ICollection<IFormFile> files)
{
  return "";
}
person SGampe    schedule 21.07.2017