SORU
29 Temmuz 2013, PAZARTESİ


Dosya giriş alanları değişiklikleri kontrol etmek için Nasıl?AngularJs:

Açısal yeni duyuyorum. HTML 'alan her bir' değişim 'bu sahada oynanır.' dosyasından yüklenen dosya yolu okumaya çalışıyorum 'Değiştiğinde, ama açısal yolu kullanarak" ng-değişiklik olmuyor. zaman çalışıyor kullanırsam

<script>
   var DemoModule = angular.module("Demo",[]);
   DemoModule .controller("form-cntlr",function($scope){
   $scope.selectFile = function()
   {
        $("#file").click();
   }
   $scope.fileNameChaged = function()
   {
        alert("select file");
   }
});
</script>

<div ng-controller="form-cntlr">
    <form>
         <button ng-click="selectFile()">Upload Your File</button>
         <input type="file" style="display:none" 
                          id="file" name='file' ng-Change="fileNameChaged()"/>
    </form>  
</div>

() fileNameChagedasla çağırıyor. Firebug da herhangi bir hata göstermiyor.

CEVAP
29 Temmuz 2013, PAZARTESİ


Dosya Yükleme denetimi için bağlama desteği yok

https://github.com/angular/angular.js/issues/1375

<div ng-controller="form-cntlr">
        <form>
             <button ng-click="selectFile()">Upload Your File</button>
             <input type="file" style="display:none" 
                id="file" name='file' onchange="angular.element(this).scope().fileNameChanged(this)" />
        </form>  
    </div>

yerine

 <input type="file" style="display:none" 
    id="file" name='file' ng-Change="fileNameChanged()" />

deneyebilirsiniz

<input type="file" style="display:none" 
    id="file" name='file' onchange="angular.element(this).scope().fileNameChanged()" />

ve işlev değişiklikleri yerine

$scope.fileNameChanged = function() {
   alert("select file");
}

deneyebilirsiniz

$scope.fileNameChanged = function() {
  console.log("select file");
}

Dosya upload yararlı olabilir sürükle-bırak ile dosya yükleme bir örnek çalışma aşağıda http://jsfiddle.net/danielzen/utp7j/

Açısal Upload Dosya Bilgileri

AngularJS için URL ASP.Net Dosya Yükleme

http://cgeers.com/2013/05/03/angularjs-file-upload/

AngularJs yerel Çoklu dosya NodeJS ile ilerleme ile yükleyin

http://jasonturim.wordpress.com/2013/09/12/angularjs-native-multi-file-upload-with-progress/

ngUpload - dosyaları yüklemek iframe kullanarak AngularJS Bir Hizmet

http://ngmodules.org/modules/ngUpload

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Matthew Morrill

    Matthew Morr

    15 EKİM 2011
  • NPR

    NPR

    22 NİSAN 2006
  • segtlim

    segtlim

    21 EKİM 2008