Angular / JS Javascript打开IE FIle上传输入,点击取消/打开

时间:2015-11-15 08:32:22

标签: javascript angularjs

我有一个带上传按钮的简单表单

隐藏输入类型文件,自定义按钮单击控制器中的输入。

问题是:如果我点击取消或打开,IE浏览器窗口会一次又一次地打开,

我不知道为什么,如果你能分享你的想法,它可以提供帮助:

这是HTML代码:

   <li ng-click="upload()">
                        <input id="uploadVideo" type="file" nv-file-select="" uploader="assetsUploader" multiple class="upload-video-hidden">
                        <div class="video-companion-icon big-menu-icon"></div>
                        <p class="menu-text">Video / Companion</p>
                    </li>

控制器代码,我尝试了2个选项:

 $scope.upload = function () {
            setTimeout(function(){
                angular.element('#uploadVideo').click();

            },100);
        };

$scope.upload = function () {
    $timeout(function () {
        angular.element('#uploadVideo').click();
    }, 100);
};

它们都不起作用。

有一点要提到我正在使用angularFileUpload模块。

https://github.com/nervgh/angular-file-upload

但是我从输入字段中删除了属性,它仍然会发生,

IE版本为11.0.9600.187239

1 个答案:

答案 0 :(得分:0)

尝试:

ng-click="upload($event)"

 $scope.upload = function () {
angular.element('#uploadVideo').click();
$event.stopPropogation();
        };