使用 FileApi 将文件上传到输入区域答案

【问题标题】：Upload file to an input area using FileApi使用 FileApi 将文件上传到输入区域
【发布时间】：2015-11-27 12:18:40
【问题描述】：

我使用 Capybara + RSpec 和 capybara_webkit 作为驱动程序。还有一个带有 FileApi 的 JS 上传器。
我正在尝试在这里上传三张图片：

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

当我点击“选择照片”按钮（在浏览器上）时，它会打开一个典型的窗口，我可以在该窗口中从我的计算机中选择 3 个文件。
我想知道如何在水豚上重现它，因为当照片选择器打开时，我无法控制它。我尝试将图片添加到我的测试文件夹并尝试：

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

但没有结果。

【问题讨论】：

【解决方案1】：

我终于找到了解决办法。我的输入区域的不透明度设置为0，这就是我无法附加文件的原因。
所以我需要将它的不透明度设置为1：

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

【讨论】：