jquery - 精细上传者 : how can I append input hidden fields to the autoupload?

Question

由于第一个 uploader 缺少客户端调整图像大小功能，我不得不从 dropzone.js 迁移到 Fine Uploader。 因此，我现在在尝试获得与 dropzone 相同的结果时遇到了一些问题。

我需要将一些隐藏的输入字段附加到要上传的图像中，这在 dropzone 上很容易做到。 我已经尝试了文档中描述的 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']
            }
        });
});

谢谢

Answer 1

您可以使用 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