我尝试触发< input type =“file”>的点击事件元素从按钮。
<input id="upload" type="file" ng-file-select="onFileSelect($files)" style="display: none;"> <button type="button" ng-click="angular.element('#upload').trigger('click');">Upload</button>
它的常见做法是隐藏被称为< input type = file>并通过一些其他方式触发其点击事件。
如果你的输入和按钮是兄弟姐妹(他们在你的情况下OP):
原文链接:https://www.f2er.com/angularjs/145768.html<input id="upload" type="file" ng-file-select="onFileSelect($files)" style="display: none;"> <button type="button" uploadfile>Upload</button>
使用指令将按钮的点击绑定到文件输入,如下所示:
app.directive('uploadfile',function () { return { restrict: 'A',link: function(scope,element) { element.bind('click',function(e) { angular.element(e.target).siblings('#upload').trigger('click'); }); } }; });