Téléchargement de fichier en Angular 4

Question

Lorsque j'essaie d'installer "npm install ng2-file-upload --save" dans mon application angular 4, ça lance

DEPENDANCE DE PAIRE NON SATISFAITE @4.1.0
DEPENDANCE DE PAIRE NON SATISFAITE @4.1.0
`-- ng2-file-upload@1.2.1

et le téléchargement ne fonctionne pas mes applications lancent

"Impossible de lier 'uploader' car ce n'est pas une propriété connue de 'input'"

voici mon HTML

et son Composant

import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';   
import { FileSelectDirective, FileUploader } from 'ng2-file-upload/ng2-file-
upload';

export class PersonalInfoComponent implements OnInit
{
    public upload:FileUploader= new FileUploader({url:""});
}

Module Parent

import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';

@NgModule({

imports: [
..
....
..
FileUploadModule
],

export class RegistrationModule { }

et je n'ai rien importé/changé dans AppModule (Module Parent Grand).

est-ce que quelqu'un peut m'aider sur ça s'il vous plaît...

Answer 1

Importez fileupload de primeng ou utilisez un simple chargeur de fichiers

HTML

TS

 var data = new FormData();
        let index: number = 0;
        if (this.files != undefined)
        {
            for (let file of this.files.files)
            {
                data.append("myFile" + index, file);
                ++index;
            }
        }
     data.append('viewModel', JSON.stringify(<>));

Envoyez ces données avec la requête return this._httpClient.post('api/controller', data);

Serveur

  [HttpPost]
        public async Task Post()
        {
            HttpPostedFile httpPostedFile = null;
            var viewModel = JsonConvert.DeserializeObject(HttpContext.Current.Request["viewModel"]);
            if (viewModel != null)
            {
                if (HttpContext.Current.Request.Files.AllKeys.Any())
                {
                    var cnt = HttpContext.Current.Request.Files.Count;
                    for (int i = 0; i < cnt; i++)
                    {
                        httpPostedFile = HttpContext.Current.Request.Files["myFile" + i];
                    }
                }
            }
        }