AlpacaJS -如何访问工具栏中文件字段中上传的文件

Question

我有一个带有以下超级基本文件字段的表单：

模式-

"file_upload": {
        "type": "string"
 }

选择-

    "file_upload": {
            "type": "file"
    }

我想以某种方式访问上传的文件，特别是通过Handlebars.js。

一个常规字段，例如，"file_checkbox"可以在工具栏中使用{{file_checkbox}}呈现，但我可以而不是知道如何访问该文件。

使用basic javascript (document.getElementById('fieldId').files)，我可以看到该文件已按预期上载。

但是，试图获取羊驼表单($.alpaca($("#formDiv")).getValue())的值时，会从常规字段(即file_checkbox)生成数据，而从文件字段获取nothing。

当我提交羊驼表单时，所有其他数据都被正确保存，但是文件字段中的任何数据都没有保存(甚至没有空/零值的字段的名称)！

我花了很多时间搜索，但没有在羊驼网站上找到任何东西，Github问题，或者堆栈溢出！这是我的第一个问题，如果我能提供更多的信息，请告诉我。

谢谢!

Answer 1

对于羊驼来说，这是正常的，表单数据对象中没有文件输入集的数据，您应该使用函数selectionHandler将所选文件(可以使用文件或Base64数据)设置为表单数据，如下所示：

"file-upload": {
    "type": "file",
    "selectionHandler": function(files, data) {
       // files for multiple or use files[0] to get only one file
       // and if you want to use base64 data you could use data 
       this.data = files;
    }
 }

这是一个小提琴。