在 Fine-Uploader 中保持文件输入的原始行为答案

【问题标题】：Keeping the original behavior of a file input in Fine-Uploader在 Fine-Uploader 中保持文件输入的原始行为
【发布时间】：2023-03-23 06:10:01
【问题描述】：

我的问题是：我有一个带有文件输入的表单。此文件输入附加了一个 onchange 事件。如何添加 Fineuploader 来处理验证（大小、格式）、缩略图预览等内容，但不能处理文件的上传并保持文件输入的原始行为？

【问题讨论】：

你为什么要这样做？
我想将其用于为 CMS 创建的模板。这个 cms 有很多具有上传表单的核心模块（对于这些表单，我正在全力使用 FineUploader）。但用户也可以添加其他模块，这些模块也可以包含上传表单。我希望这个主题保持统一，我希望这些上传表单具有完全使用 FineUploader 创建的外观和感觉。
因为我不知道这些 3d 方模块做什么，它们附加到文件输入的事件，应该如何提交表单等，我只想添加这些表单FineUploader 中的一些内容不会影响他们的行为，但会改善用户体验，例如验证、预览。也许有办法让 FineUploader 也处理上传？谢谢。我是否正确看待这个问题？还是我应该考虑做其他事情？
我想看看您是否可以将 Fine Uploader 集成到您现有的 CMS 中（顺便说一句，它是哪一个？）。包括上传功能。
另一个理论上的想法是在 Fine Uploader 中关闭autoUpload。使用addFiles 或addBlobs 从输入元素的onchange 将文件添加到Fine Uploader，然后在Fine Uploader 的文件上使用drawThumbnail、validate 等，然后通过以下方式进行实际的文件/表单提交PHPFox 插件表单（即 Fine Uploader 的上传按钮不执行任何操作）。 FU 的API methods 和Core Options 将对此至关重要。

标签： javascript jquery fine-uploader phpfox

【解决方案1】：

如果您想利用 Fine Uploader 的许多功能（分块、进度等），您需要确保您的上传端点设置正确。 PHPFox 的源没有开放，所以我看不到他们的上传端点是如何工作的。一个想法是贡献你自己的。我们有PHP examples。

另一个理论上的想法是在 Fine Uploader 中关闭 autoUpload。使用 addFiles 或 addBlobs 将文件从输入元素的 onchange 添加到 Fine Uploader，然后对 Fine Uploader 的文件使用 drawThumbnail、validate 等，然后通过 PHPFox 插件表单进行实际的文件/表单提交（即 Fine Uploader 的上传按钮什么都不做）。 FU 的 API 方法和 Core Options 将对此至关重要。

【讨论】：

我也有类似的需求——我希望能够使用拖放、预览和其他与 UI 相关的功能，而无需上传。有没有更完整的例子？ @ray-nicholus
如果您关闭autoUpload，那么您可以使用 Fine Uploader 的 API getFile 以编程方式获取文件，然后您就可以为所欲为。