Question

我坚持可能非常简单的事情，但我是一名后端开发人员而且我不能真正使用javascript;）

我有一个带有文件输入的表单：

<form id='my-form'>
    ...
    <input type='file' id='file-input' name='file-input'>
    ...
    <button type='submit'>
</form>

我希望将此文件发送到S3并提交。我决定使用Fine Uploader S3。由于我有现有的UI，我认为核心模式适合我。所以，根据上传文档的说法，我需要这样的东西：

var uploader = new qq.s3.FineUploaderBasic({
    request: {
        endpoint: "my_s3_bucket",
        accessKey: "MY_PUBLIC_ACCESS_KEY"
    },
    signature: {
        endpoint: "/s3/sign/"
    },
    chunking: {
        enabled: true
    },
    resume: {
        enabled: true
    }
});

问题是：如何将所有东西绑在一起？即如何让精简上传器实际运行并在表单提交上传文件到S3？

Answer 1

哦，我已经找到了答案 - 我需要在fine-uploader docs中深入研究一下。只需在精细上传器对象中指定一个表单字段：

var uploader = new qq.s3.FineUploaderBasic({
    form: {
        element: "my-form",
    },
    ...
});

另一种选择是简单的手动绑定：

$("#my-form").submit(function() {
    var file = $("#file-input").prop('files')[0];

    uploader.addFiles(file);
    uploader.uploadStoredFiles();

    // actually submit the form (return false to not)
    return true;
});

绑定精细上传器实例以形成提交

1 个答案: