Fine Uploader:如何将输入的隐藏字段附加到自动上传?

Fine Uploader: how can I append input hidden fields to the autoupload?

我不得不从 dropzone.js 转移到 Fine Uploader,因为第一个缺少客户端调整图像大小功能。 所以我现在遇到了一些问题,试图获得与 dropzone 相同的结果。

我需要将一些隐藏的输入字段附加到要上传的图像,这在 dropzone 上很容易做到。 我已经尝试过 Docs 上描述的 Form 选项,但它会将所有表单元素发送到表单操作,但我只需要将少量数据发送到不同的页面即可在服务器端执行 Ajax 请求(希望确实有道理)

我需要附加的输入字段是:

我正在使用的脚本:

 $(document).ready(function () {
    $('#fine-uploader').fineUploader({
            template: 'qq-template',
            form: {
                element: 'modulomezzi',
                autoUpload: true
            },
            request: {
                endpoint: 'ajax_page.asp',
                inputName: 'foto_gallery1'
            },
            thumbnails: {
                placeholders: {
                    waitingPath: '/fine-uploader/placeholders/waiting-generic.png',
                    notAvailablePath: '/fine-uploader/placeholders/not_available-generic.png'
                }
            },
            validation: {
                allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
            }
        });
});

谢谢

好的,这就是解决方案,感谢@tropicalfish 为我指明了正确的方向。

 $(document).ready(function () {
    $('#fine-uploader').fineUploader({
            template: 'qq-template',
            request: {
                endpoint: '<% =pagina_ajax %>',
                inputName: '<% =paramName %>',
                params: {
                    id: '<% =idvalue %>'
                }
            },
            thumbnails: {
                placeholders: {
                    waitingPath: '/fine-uploader/placeholders/waiting-generic.png',
                    notAvailablePath: '/fine-uploader/placeholders/not_available-generic.png'
                }
            },
            validation: {
                allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
            }
        });
});

您可以使用如下所示的 request.params 选项:

var uploader = new qq.FineUploader({
        element: document.getElementById("uploader"),
        template: 'qq-template',
        request: {
            endpoint: '/api/saveimage',
            params: {'param1': 'someValue', 'param2': document.getElementById('textInputId').value},
        },
        thumbnails: {
            placeholders: {
                waitingPath: '/img/fine-uploader/waiting-generic.png',
                notAvailablePath: '/img/fine-uploader/not_available-generic.png'
            }
        },
        validation: {
            allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'],
            itemLimit: 3
        },
    });

您还可以使用 setParams API 随时使用 js 设置您的参数:

var params = {'param1': 'somevalue1', 'param2': 'somevalue2'};
uploader.setParams(params);

参见文档:setParams