Wie button als eingabetyp datei

Question

Ich habe eine taste. Es sollte als Datei-Upload bei Klick auf die Schaltfläche fungieren.

<div id="Rectangle-541"> 
    <md-icon md-svg-src="./assets/images/csv.svg" class="ic_cloud_download_black_24px"></md-icon> 
    <md-button class="Upload-CSV-from-mem">Upload .CSV From Memory</md-button> 

</div> 

Answer 1

Schauen Sie sich diese

var jimApp = angular.module("mainApp", []); 
 

 
jimApp.controller('mainCtrl', function($scope){ 
 
    
 
    $scope.fileChanged = function(){ 
 
\t \t angular.element('#fileUplaod').trigger('click'); 
 
    }; 
 
    
 
    $scope.profilePictureSelected = function(data){ 
 
    console.log(data.files[0]); 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="mainApp" ng-controller="mainCtrl"> 
 
    <div id="Rectangle-541"> 
 
     <md-icon md-svg-src="./assets/images/csv.svg" class="ic_cloud_download_black_24px"></md-icon> 
 
     <md-button class="Upload-CSV-from-mem" ng-click="fileChanged()">Upload .CSV From Memory</md-button> 
 
</div> 
 

 
<input type="file" style="display:none" id="fileUplaod" ng-model="myFile" name='file' onchange="angular.element(this).scope().profilePictureSelected(this)" /> 
 
</div>