使用FileApi将文件上载到输入区域

Question

我使用capybara_webkit和Capybara + RSpec作为驱动程序。还有一个带有FileApi的JS上传器。

我在这里上传三张图片：

<input type="file" name="image" multiple="" accept="image/*">

当我点击“选择照片”按钮(在浏览器上)，它打开典型的窗口，我可以选择3个文件从我的计算机。

我想知道如何在水豚上复制它，因为当照片选择器打开时，我无法控制它。我试图将图片添加到“测试”文件夹中，并尝试：

attach_file('image', File.absolute_path('../pictures/photo1.JPG'))

但没有结果。

Answer 1

我终于找到了解决办法。我的输入区域设置为0，所以我无法附加文件。

所以我需要把它的不透明度设为1：

page.execute_script("$('input[name=file]').css('opacity','1')")