我注意到您正在使用jQuery。您为什么不将jQuery包装器用于Fine
Uploader?
我将收听
onComplete上载完成(成功与否)后触发的回调。当
onComplete被触发时,我们将在
submitForm()其中包含用于检查所有文件是否已成功提交的逻辑。
逻辑相对简单:如果我们没有正在进行的文件,也没有文件包含
qq.status,
FAILED那么我们可以继续提交表单。
另外,我会侦听
onCancel回调,以确保如果上传不成功并因此被取消,则表单将提交。
还有更多的回调。我建议阅读有关回调以及API方法的Fine
Uploader文档。此外,我将看一下Fine Uploader jQuery
docs。
如果了解jQuery是您的问题,那么建议您将其保留在附近。
<script src="http://pre.jquery.com/jquery-latest.js"></script><script src="fineuploader-3.6.3.js"></script><form action="index.php" method="post" id="uploader"><input type="text" name="textbox" value="Test data"> <div id="manual-fine-uploader"></div> <div id="triggerUpload" > </div></form>$(document).ready(function() { $("#triggerUpload").click(function () { $("#manual-fine-uploader").fineUploader('uploadStoredFiles'); }); function submitForm () { if ($(this).fineUploader('getInProgress') == 0) { var failedUploads = $(this).fineUploader('getUploads', { status: qq.status.UPLOAD_FAILED }); if (failedUploads.length == 0) { // do any other form processing here $("#uploader").submit(); } } }; // Instantiate a Fine Uploader instance: $("#manual-fine-uploader").fineUploader({ autoUpload: false, request: { endpoint: "/uploads_bucket" } }).on("complete", function (event, id, name, response) { submitForm.call(this); }).on('statusChange', function (event, id, oldStatus, newStatus) { if (newStatus === qq.status.CANCELED) { submitForm.call(this); } });});让我知道您是否还有其他需要协助的问题。



