Question

如何将优良的上载器配置为jQuery Form Builder的一部分？我创建这样的表单：

$('#fb-render').formRender({
  dataType: 'json',
  formData: data
});

数据：

[{ 
  "type": "file", 
  "subtype": "fineuploader", 
  "label": "File Upload", 
  "className": "form-control", 
  "name": "file-"
}]

当我尝试加载文件时出现错误：

POST http://localhost:4135/upload 404（未找到）
[Fine Uploader 5.14.2]尝试解析xhr响应文本时出错（JSON中位置0处的意外令牌<）

Loader looks like

我需要停止将文件加载到端点“服务器名/上传”。文件应与所有其他字段一起发送到另一个地址。当我按下提交按钮。我只需要在附加附件时停止加载并添加一些验证即可。我已经阅读了文档，但是在文档中它与jquery Form Builder分开工作。也许我没什么。

Answer 1

您可以使用 controlConfig 选项在 formbuilder 或 formrender 中配置 fineuploader 。请参阅此处的文档： https://formbuilder.online/docs/formBuilder/controls/

示例（来自formbuilder的官方gitter聊天室）：
https://gitter.im/kevinchappell/formBuilder?at=5a018fe0f7299e8f5380acb4

controlConfig: {
   'file.fineuploader': {
     js: '/path/to/jquery.fine-uploader.min.js',
     css: '/path/to.css',
     handler: '/path/to/handler.php',
     // other fine uploader configuration options here
   }
 }

要防止选择文件时上传到servername/upload，可以使用 fineuploader 的 autoUpload 选项。请参阅此处的文档：
https://docs.fineuploader.com/branch/master/api/options.html#autoUpload

工作示例：https://plnkr.co/edit/qzTaNQZCvWHRlMm2hIU7?p=preview

jQuery Form Builder配置良好的上载器

1 个答案: