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

我卡在东西可能是很简单的，但我是一个后端开发人员，我真的可以为JavaScript没有;）绑定精细上传实例，形成提交

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

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

我想把这个文件发送到S3并提交。我决定使用Fine Uploader S3。由于我有现有的用户界面，我认为核心模式适合我。所以，根据罚款上传文件，我需要这样的事情：

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 
    } 
});

问题是：如何将所有内容绑定在一起？即如何使fine-uploader实际运行并将表单上传到S3上的表单提交？

来源

2017-08-08 lambdanis

你可以上传文件succefully与否？ – Muhaimin

不，我不知道在哪里放置上传器的代码，以及如何将它绑定到我的表单。 – lambdanis

如果你显示如何包含Fine Uploader – Muhaimin

哦，我已经找到了答案 - 我需要深入挖掘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; 
});

来源

2017-08-10 13:24:15 lambdanis

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

回答

相关问题