2016-03-31 9 views
5

Vengo da uno sfondo di moduli Web e apprendimento angolare con Web API in C# e ho sito di lavoro per aggiungere/modificare e cancellare un record di oggetto . So che voglio passare a problemi più complessi, ma faticando a sapere da dove cominciare!Come caricare un file con AngularJS, asp.net web API e fileupload salvando in SQL

Il più vicino che ho trovato è questo post che sembra abbastanza buono ma limitato alle immagini, ma che fatico a seguire come un po 'confuso sapendo quali risposte funzionano. AngularJS .Net WebAPI Upload image and save to database (MSSQL).

Quello che mi piacerebbe fare molto semplicemente è avere un oggetto con proprietà Nome (stringa) e Logo (Logo memorizzato nel campo binario db). Da e vista angolare salvare l'oggetto (chiamata route della mia API Web), compresa la convalida del nome e il salvataggio di un'immagine e, se ne ha già uno, visualizzare l'immagine corrente.

Se qualcuno conosce un buon esempio semplice che lo raggiungerà e idealmente funzionerà per qualsiasi tipo di file, alcuni caricamenti nel mio sito potrebbero essere PDF, ad esempio sarei estremamente grato.

risposta

10

Ho utilizzato ng-file-upload in alcuni progetti Angular senza problemi. Ha una documentazione completa e molti esempi per iniziare.

L'hanno ricette per la roba lato server troppo, here è uno per NET

Questa answer aiuterà sul lato controllore in termini di ottenere i file caricati in un array di byte che si può quindi inserire nella database di vostra scelta.