标题: 同一页面多个Uploadify实例+表单提交示例
作者: dnawo
日期: 2013-09-25 01:56 PM
分类: 脚本语言
内容: 复制内容到剪贴板 程序代码<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>同一页面多个Uploadify实例+表单提交示例 - MZWU.COM</title>
<link type="text/css" rel="stylesheet" href="/Scripts/uploadify/uploadify.css" />
<script type="text/javascript" src="/Scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/Scripts/uploadify/jquery.uploadify.min.js"></script>
</head>
<body>
<input type="file" id="file1" />
<input type="file" id="file2" />
<input type="button" id="btnUpload" value="Upload" />
<script type="text/javascript">
$(document).ready(function () {
//1.要上传的文件数
var uploadfiles = 0;
//2.提交表单相关方法
var submit = function () {
if (uploadfiles == 0) {
/*
* 提交表单
*/
alert("表单提交成功！");
}
};
$("#btnUpload").click(function () {
//uploadfiles = $("#file1-queue > div").length + $("#file2-queue > div").length;
uploadfiles = window["uploadify_file1"].queueData.queueLength + window["uploadify_file2"].queueData.queueLength;
if (uploadfiles > 0) {
$("#file1").uploadify("upload", "*");
$("#file2").uploadify("upload", "*");
}
else {
submit();
}
});
//3.Uploadify配置
var settings = {
swf: "/Scripts/uploadify/uploadify.swf",
uploader: "/Upload.ashx",
auto: false,
onUploadSuccess: function () {
uploadfiles--;
submit();
}
};
$("#file1").uploadify(settings);
$("#file2").uploadify(settings);
});
</script>
</body>
</html>
+ 查看当前日志评论 (0)
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.031 ms
你没有权限发表评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.031 ms
暂无评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.031 ms