javascript - 从 onSubmit 回调生成的输入发送值

Question

当我将文件添加到队列时，我会为每个文件生成一个文本输入。

是否可以将此输入的值发送到服务器端？

我尝试将值添加到 params 对象，如下所示:

up._options.request.params.description = id;

但它只发送最后一张图像的ID。

var up = new qq.FineUploaderBasic({
    button: document.getElementById("addFiles"),
    request: {
        params: {
            action: "upload",
        },
        endpoint: config.uploadURL,
    },
    validation: {
        allowedExtensions: ["jpg", "jpeg", "png", "gif", "mkv", "mp4"],
    },
    autoUpload: false,
    callbacks: {
        onSubmit: function(id, fileName, response) {
            var element = document.createElement("li");
            element.setAttribute("id", "qImage-"+id);
            element.setAttribute("class", "qImage");
            $(".imagesList").prepend(element);

            var out  = "<div class='fileInfo'>";
                out += "<span id='qCancel-"+id+"'>Cancel </span>";
                out += fileName;
                out += "</div>";
                out += "<div class='fileData'>";
                out += "<label for='fileDescription'>Description</label>";
                out += "<input type='text' name='fileDescription' id='fileDescription'>";
                out += "</div>";

            $("#qImage-"+id).html(out);

            $("#qCancel-"+id).on("click", function(){
                up.cancel(id);
                $("#qImage-"+id).remove();
            });
            up._options.request.params.description = id;
        },
    }
});
$('#startUpload').on("click", function(){
    up.uploadStoredFiles();
    //document.getElementById('queue-list').innerHTML = '';
});

$('#cancelUpload').on("click", function(){
    up.cancelAll();
});

Answer 1

为了扩展 Ray 的评论，据我所知有两种方法。第一个可能是 S3 实现所独有的，但我使用:

uploadSuccess: {
  endpoint: "link",
  params: {
     key: value
  }
}

如果您希望将其与文件上传请求本身一起发送，则可以使用 setParams。