javascript - 如何使用 Protractor 将文件上传到 ng-file-upload 元素

Question

HTML如下:
<input type="file" style="display: none" ng-file-select="" ng-file-change="upload($files)" ng-multiple="multiple" accept=".jpg,.png">

我需要将文件上传到使用 ng-file-upload 的元素使用 Protractor 上传图像文件:

var uploadFile = element(by.css('input[type="file"]'));
uploadFile.sendKeys('C:\\Temp\\test.png');
uploadFile.evaluate("openMetadataDialog({file:imgFile})");

但是上面的方法不起作用。我无法理解如何上传文件!根据我的理解，一旦我将键发送到输入元素，上传功能就应该被调用!然而，这似乎并没有发生!

问候，
萨克西

Answer 1

似乎 ng-file-upload 对 .sendKeys(...) 没有反应，它的文件更改没有被调用。您可以使用标准的 onchange 事件来调用一些自定义上传逻辑:

<input type="file" 
       style="display: none"     
       onchange="angular.element(this).scope().upload(this)" 
       ng-file-select 
       ng-multiple="multiple" 
       accept=".jpg,.png">

this 指向具有属性 files 的输入元素。