綁定精細上傳實例，形成提交

我卡在東西可能是很簡單的，但我是一個後端開發人員，我真的可以爲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

綁定精細上傳實例，形成提交

回答

相關問題