angularjs dosyasında RESTful hizmetine dosya yükleme

Question

"dropbox" gibi bir bit CRUD uygulaması yapmaya çalışıyorum. Yani, paylaşım ve erişim işlevselliği ile dosya ve klasör barındıran olmalıdır. Görüntü ve video dosyalarını nasıl yükleyeceğim sorusu üzerine sıkışıp kaldım mı? İstemci tarafında dosyaların önizlemesini yapmak için Dosya API'sini (FileReader, Blob) kullandım, ancak bu tür bir veriyi sunucuya nasıl POST yapmayacağımı bilmiyorum. iyi çalışması gerekir böyle

Answer 1

şey multipart/form-data istek olarak arka uç API göndermek için:

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 
}); 

bakın burada referans için:

FormData API Doc

Using FormData Objects (MDN)

multipart-formdata file upload with AngularJS

Answer 2

ngFileUpload veya angularFileUpload direktiflerini kullanarak dosya yükleyebilirsiniz. angularFileUpload durumunda

, Eğer, bunun yerine bir tip uygulama/x-www-form-urlencoded içerik kullanmak, sen

da .http kullanımı kontrol ve ngFileUpload durumunda .upload kullanımı multipart sağlanan dosya büyük değil. Uygulama/x-www-form-urlencoded olması durumunda, normal inputStream olarak rest webservice değerini alabilir, böylece multipart verilerinin sıralanmasına gerek kalmaz.

http://technoguider.com/2015/08/file-upload-using-angular-js-and-rest-web-service/