custom-fields - 在精细上传器中为每个文件添加字段

Question

第一次尝试实现 Fine-Uploader。

有一种方法可以为每个待上传的文件添加一个文本字段？我希望用户评论每个文件的内容，然后保存这些信息。

感谢您的解释。达里奥。

Answer 1

如果您想在 UI 中表示的每个文件旁边添加一个输入文本字段（我假设您使用的是 FineUploader 模式），您可以执行以下操作：

1. 将autoUpload选项设置为 false。这似乎很明显，但我想我还是应该列出它。如果您不将此设置为 false，则文件将在用户选择后立即上传。我猜这不适合您的工作流程。

2. 定义一个onSubmitted回调处理程序。在此处理程序中，您可以使用id参数获取相关getItemByFileIdAPI 方法上的处理程序。

3. 在 UI 中拥有代表文件的元素后，您可以在其旁边添加一个输入字段。也许您应该添加一个数据属性或一个 css 类，以后可以使用它们将该字段与文件相关联。

4. 我假设您打算创建一个按钮，用户在准备开始上传所有选定文件时单击该按钮，大概是在他们填写了与这些文件关联的任何文本字段之后。因此，您可以向此按钮添加一个调用uploadStoredFilesAPI 方法的单击处理程序。

5. 您还需要提供一个onUpload回调处理程序。当您的处理程序被调用时（每个文件一次，在上传之前），从关联的文本字段中获取值，然后使用setParamsAPI 方法将该值与该文件的上传 (POST) 请求作为参数一起发送。调用时不要忘记将文件 ID 作为最后一个参数包含在内setParams。