aspx:
<script src="/Content/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="/Content/Scripts/swfobject.js" type="text/javascript"></script>
<script src="/Content/Scripts/jquery.uploadify.v2.1.0.min.js" type="text/javascript"></script>
<link href="/Content/Styles/uploadify.css" rel="stylesheet" type="text/css" />
<div style="float:left; width:280px">
<input type="file" name="uploadify" id="uploadify" />
<p>
<a charset="utf-8" href="javascript:startUpload()">开始上传</a> |
<a charset="utf-8" href="javascript:cancelUpload()">取消上传</a>
</p>
</div>
<div style=" width:100%; height:36px;">
<div id="fileQueue" style="text-align:left;"></div>
</div>
<div style="width:100%;" id ="divImportP">
<img src="/Content/images/large-loading.gif" alt="加载中.." style=" display:block; float:left; width:32px; height:32px;" />
<div style="color:#999900; float:left; margin-left:4px">导入数据处理中,请稍侯,请勿关闭本对话框,完成后会自动关闭.</div>
</div>
js:
var uploadSizeLimit = 30242880;
$("#uploadify").uploadify({
'uploader': '/Content/jquery/up/uploadify.swf',
'script': 'DoImport',
'scriptData': { uploadtype: 'selCustom', q_t: $("#txtCustom").text() },
'cancelImg': '/Content/jquery/up/cancel.png',
'folder': '',
'sizeLimit': uploadSizeLimit,
'queueID': 'fileQueue',
'method ': 'POST',
'auto': true,
'multi': false,
'fileExt': '*.xls;*.xlsx;', //'*.*'表示所有类型的文件
'fileDesc': '请选择Excel文件(*.xls,*.xlsx)',
onSelect: function (event, queueID, fileObj) {
var size = parseInt(fileObj.size);
if (size > uploadSizeLimit) {
alert("对不起,文件大小超过限制(30M),请重新选择");
g_filesize = 0;
cancelUpload();
return false;
}
$('#divImportP').removeClass('Hide');
$('#uploadify').uploadifySettings('scriptData', { uploadtype: 'CustomQR', q_t: $("#txtCustom").val() });
},
onError: function (event, queueId, fileObj, errorObj) {
alert("上传失败: " + errorObj.info);
},
onCancel: function (event, queueId, fileObj, data) {
},
onComplete: function (event, queueId, fileObj, response, data) {
var result = eval("(" + response + ")");
if (result.result < 0) {
alert(result.data);
} else {
alert("上传成功");
}
}
});
function startUpload() {
$('#uploadify').uploadifyUpload();
}
function cancelUpload() {
$('#uploadify').uploadifyClearQueue();
}
分享到:
相关推荐
uploadfy(上传文件插件),用于同时上传多个文件
这是一个uploadfy上传插件,非常好用,美观。
uploadfy+easyui+struts+json文件上传 ...其中只在action中模拟接收文件,存储文件到指定目录,但是没有跟数据库打交道。 但是这个跟数据库打交道的问题,大家很容易解决了。无论SSH还是SSI还是什么的
uploadfy插件.net源码实例,包含下载的uploadfy插件,对于上传文件图片有很好的帮助
最近在公司进行项目开发时使用的一个上传小东西,很好用。分享给大家。
支持文件批量上传,单个上传,并返回是否上传成功
asp.net利用jquery的uploadfy插件上传图片,我自己编辑的好用。
uploadfy批量上传,图片、视频。带非常漂亮的进度条
uploadfy实现无刷新上传,下载即可直接运行。
uploadfy 上传文件插件,flash的
java版本uploadfy实现上传,下载下来直接部署在tomcat下访问就行,一般不会有问题
实现图片批量无刷新上传与批量浏览功能。
unigui_swfupload批量文件上传.zip
NULL 博文链接:https://gzuimis.iteye.com/blog/1463505
Uploadify简单说来,是基于Jquery的一款文件上传插件。它的功能特色总结如下: 支持单文件或多文件上传,可控制并发上传的文件数 在服务器端支持各种语言与之配合使用
利用 jquery uploadify + java 做的批量上传的例子,可以直接运行
可以直接导入eclipse运行 每步实现基本都加了注释 以下是我碰到的问题: 1 判断session是否失效 本实例没测试这个问题 但在工作项目中碰到了 但原因在这里记录下:web应用会存在一个session 而uploadify上传时也...
基于jquery.uploadify封装的自定义控件,支持简单引用就能被使用,有源码,控件配置简单。上传文件后可显示文件图标。
次压缩包除官方所提供的uploadify3.2包含文件外,还有JQUERY的基础库(jquery-1.8.0.min.js),以及(swfobject.js)组件,这两个文件在使用uploadify3.2组件时也是必须引入的,为了方便,所以将其都压缩到一起,供...