provo a rendere l'applicazione angolare CRUD che è un po 'come "dropbox". Quindi, deve avere hosting di file e cartelle con funzionalità di condivisione e accesso. Sono bloccato su una domanda su come caricare file immagine e video? Ho usato File API (FileReader, Blob) per fare l'anteprima dei file sul lato client, ma non ho idea di come POST questo tipo di dati al server.caricare il file sul servizio RESTful in angularjs
risposta
Qualcosa del genere dovrebbe funzionare bene da inviare come multipart/form-data
richiesta al backend API:
var file = ... // get from file input;
var backendUrl = ...
var fd = new FormData();
fd.append('myFile', file, 'filename.ext');
$http.post(backendUrl, fd, {
// this cancels AngularJS normal serialization of request
transformRequest: angular.identity,
// this lets browser set `Content-Type: multipart/form-data`
// header and proper data boundary
headers: {'Content-Type': undefined}
})
.success(function(){
//file was uploaded
})
.error(function(){
//something went wrong
});
Vedi qui per riferimento:
E 'molto utile. Grazie per l'aiuto. –
la soluzione di gran lunga più semplice fornita dall'interweb, grazie – FloydThreepwood
Come si compila il "file" varialble? Io mena, come legarlo al controllo di input? – Nemus
È possibile caricare il file utilizzando le istruzioni ngFileUpload o angularFileUpload.
In caso di angularFileUpload, si utilizza .upload nel regolatore e in caso di ngFileUpload, si utilizza .http
Inoltre, è anche possibile utilizzare application/x-www-form-urlencoded tipo di contenuto anziché multipart ha fornito il tuo file non è enorme. In caso di applicazione/x-www-form-urlencoded, è possibile solo ricevere il valore in rest webservice come normale InputStream, senza che sia necessario il marshalling di dati multipart.
si può fare riferimento al seguente per i possibili modi per caricare file utilizzando js angolari e servizio web di riposo:
http://technoguider.com/2015/08/file-upload-using-angular-js-and-rest-web-service/
- 1. Symfony2 RESTful API + AngularJS
- 2. Impaginazione in un servizio RESTful
- 3. Chiamata Ajax per scaricare il file restituito dal servizio RESTful
- 4. Come caricare un file con AngularJS?
- 5. Come abilitare HTTPS sul servizio RESTful di WCF?
- 6. Servizio live RESTful esempio
- 7. RESTful Verifica servizio password
- 8. per semplificare facilmente il servizio restful
- 9. Il servizio Web RESTful genera automaticamente WADL
- 10. Servizio Web RESTful utilizzando il nodo js
- 11. convertire un servizio WCF in un'applicazione RESTful?
- 12. Come utilizzare il servizio $ document in angularJS?
- 13. Posso usare TCP in un servizio RESTful?
- 14. Consumare un servizio RESTful in Reactjs
- 15. Autenticazione in un servizio web RESTful
- 16. Azione personalizzata nel servizio RESTful
- 17. Il servizio AngularJS non sta richiamando la richiamata di errore sul metodo save()
- 18. RESTful produce file binario
- 19. Come consumare un servizio Web RESTful in Lotus Notes
- 20. come caricare il file sul server remoto http usando java?
- 21. Android - Crea RESTful WebService - Ospitalo sul cellulare
- 22. AngularJS servizio eredità emette
- 23. dati servizio chiaro in AngularJs
- 24. Come caricare un layout diverso in angularjs
- 25. Impossibile caricare il modello utilizzando templateUrl in Angularjs
- 26. Ricorsivamente risorse dal servizio web RESTful
- 27. AngularJS non riescono a caricare il modulo
- 28. download di file in servizi Web restful
- 29. Flask-RESTful - Carica immagine
- 30. caso d'uso per il servizio di $ controllore in angularjs
Usa [formdata] (https://developer.mozilla.org/en-US/docs/Web/API/FormData) – aarosil
Quindi, devo creare l'oggetto FormData e quindi inserire i dati al suo interno e inviare l'oggetto FormData alla mia API? –
Esattamente, posso pubblicare una risposta più dettagliata con codice di esempio, se lo desideri. – aarosil