26、文件上传：使用 JavaScript 实现多文件添加功能

文件上传：使用 JavaScript 实现多文件添加功能

在文件上传功能的开发中，为了提供更好的用户体验，我们可以采用一些策略来优化界面和功能。本文将详细介绍如何使用 JavaScript、jQuery 和 CoffeeScript 实现多文件上传功能，以及如何进行相关的测试和优化。

1. 优化文件字段显示

在传统的文件上传表单中，可能会提供多个文件字段，但用户不一定会使用所有这些字段，这可能会导致界面显得杂乱。为了解决这个问题，我们可以只显示一个文件字段，并提供一个“添加另一个文件”的链接，用户点击该链接时再动态添加新的文件字段。

具体操作步骤如下：
- 修改控制器代码 ：打开 TicketsController 的 new 动作，将 3.times { @ticket.assets.build } 替换为 @ticket.assets.build ，这样表单将只渲染一个资产字段。

2. JavaScript 测试

为了确保我们的 JavaScript 代码能够正常工作，我们需要进行测试。Capybara 提供了一种简单的方法来触发 WebDriver 测试，只需在场景（或功能）前添加 @javascript 标签即可。

以下是一个创建带有附件的工单的测试场景示例：

@javascript
Scenario: Creating a tic