栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

上传文件后提交JQuery表单

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

上传文件后提交JQuery表单

我注意到您正在使用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);        }     });});

让我知道您是否还有其他需要协助的问题。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/401659.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号