在输入文件类型中选择文件时,如何触发按钮单击事件?

时间:2019-03-02 09:37:41

标签: javascript html angularjs

我有一个文件sudo -u mysql ls /new/path/yourdatabase 和一个<input />,并为按钮分配了一个单击处理程序。

我想做的是,当所选文件在文件输入上更改时,在提交按钮上执行单击处理程序。

我的代码当前如下所示:

<button>
angular.module('myapp', [])
  .controller('MyController', function($scope) {
    $scope.clickMe= function(){
         alert("File Submitted!");  
   }
});

1 个答案:

答案 0 :(得分:1)

如果我正确理解了您的问题,那么您应该发现,单击提交按钮时触发的逻辑可以改为通过更新模板在<input type="file" />元素上选择文件而自动调用:

<input type="file" onchange="angular.element(this).scope().clickMe(this)"> 

这将导致调用封闭控制器clickMe()的{​​{1}}对象上的$scope函数。这是一个完整的示例(删除了提交按钮,看到它是多余的):

MyController
angular.module('myapp', [])
  .controller('MyController', function($scope) {
    $scope.clickMe = function() {
      alert("File Submitted!");
    }
  });