如何使按钮作为输入类型文件

How to make button as input type file

本文关键字：输入 类型 文件 何使 按钮      更新时间：2023-09-26

我有一个按钮。它应该充当点击按钮时的文件上传。

<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>

查看此

var jimApp = angular.module("mainApp",  []);
jimApp.controller('mainCtrl', function($scope){
  
  $scope.fileChanged = function(){
        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>

相关文章：