Çoklu form ile basit bir dosya upload nasıl?AngularJS:

SORU

19 Aralık 2012, ÇARŞAMBA

Çoklu form ile basit bir dosya upload nasıl?AngularJS:

Node.js bir sunucuya AngularJS basit parçalı form post yapmak istiyorum formun bir kısmı,diğer kısmında ise bir görüntü, bir JSON nesnesi içermelidir (Sadece JSON kaynak$) nesne şu anda post ediyorum

İnput type=başlamam gerektiğini düşündüm"dosya", ama sonra AngularJS.. bağlayabilirsiniz olmadığını anladı

bulabildiğim tüm örnekler sürükle ve bırak için jQuery eklentileri ve sıcak için. Bir dosya basit bir upload istiyorum.

AngularJS yeniyim ve rahat hepsi benim kendi direktifleri yazılı hissetmiyorum.

CEVAP

6 Temmuz 2013, CUMARTESİ

Angularjs dışında hiçbir bağımlılıkları ile gerçek bir çalışma çözüm (v. 1 ile test edilmiştir.0.6)

html

<input type="file" name="file" onchange="angular.element(this).scope().uploadFile(this.files)"/>

Angularjs (1.0.6) destek değilng-model"giriş dosyası" kullanıcı. tüm (sonunda) Seçili dosyaları pass "yerli-yolunu yapmak zorundasın" etiketler

denetleyicisi

$scope.uploadFile = function(files) {
    var fd = new FormData();
    //Take the first selected file
    fd.append("file", files[0]);

    $http.post(uploadUrl, fd, {
        withCredentials: true,
        headers: {'Content-Type': undefined },
        transformRequest: angular.identity
    }).success( ...all right!... ).error( ..damn!... );

};

İlginç kısım butanımsıziçerik-tiptransformRequest: açısal.kimlikhttp dolar "-type" içerik ve sınır parçalı veri işleme zaman gerekli. yönetme hakkı seçme yeteneği veren

Bunu Paylaş: