jquery uploadify for asp 批量文件上传程序整合风声asp无组件上传

最新推荐文章于 2021-08-05 07:15:16 发布

engling

最新推荐文章于 2021-08-05 07:15:16 发布

阅读量2.8k

点赞数 1

分类专栏： aspupload jquery uploadify 文章标签： asp jquery function javascript stylesheet asp.net

本文链接：https://blog.csdn.net/engling/article/details/6912559

版权

jquery 上传插件 uploadify （官网：http://www.uploadify.com/)

uploadify功能强大，支持多文件、批量上传、状态进度条等，提供前端文件限制相关设置。由于是flash环境全面支持asp、asp.net、php等平台；官方目前只提供php程序接入方式，asp.net程序接入在网络上也有很多，而asp程序的只找到一个老外写的，有很多功能调试起来很不太方便，所以我用风声asp无组件上传程序重新整合起来。

主要修改三个文件：

demo.html 该文件用于设置前端相关限制，如文件类型、大小、批量上传等。

upload.asp 该文件主要用于接收demo.html 提交过来的数据、执行上传程序、返回上传结果。

UpLoadClass.asp 该文件为风声ASP无组件上传程序，可在此修改文件上传保存名称、路径、文件类型、大小等。

下面是我模仿QQ中转站的上传界面整合出来的效果图：

demo.html代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo</title>
<link rel="Stylesheet" href="uploadify.css" />
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript" src="jquery.uploadify.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$("#uploadify").uploadify({
'uploader': 'uploadify.swf',//指定上传控件的主体文件，默认'uploader.swf'
'script': 'upload.asp',//指定服务器端上传处理文件
'cancelImg': 'cancel.png',//指定取消上传的图片，默认'cancel.png'
//'buttonImg': 'images/button.jpg',//指定浏览文件按钮的图片
//'fileDesc' : '图片文件',//出现在上传对话框中的文件类型描述
//'fileExt' : '*.jpg;*.jpeg;*.gif;*.bmp;*.png',//控制可上传文件的扩展名，启用本项时需同时声明fileDesc
'sizeLimit': 30000000, //控制上传文件的大小，单位byte服务器默认只支持30MB，修改服务器设置请查看相关资料
//'simUploadLimit' :5,//多文件上传时，同时上传文件数目限制
'buttonText':'choose',//按钮显示文字,不支持中文，要用中文直接用背景图片cancelImg设置
//'folder': 'upload',//要上传到的服务器路径(PS：已在服务端设置)
'queueID': 'fileQueue',//队列
'fileDataName': 'Filedata',//提交文件域名称
'auto': false,//选定文件后是否自动上传，默认false
'multi': true,//是否允许同时上传多文件，默认false
'method':'post',//提交方式 post or get
//'scriptData'  : {'firstName':'Ronnie','age':30},//提交自定义数据
onComplete:function(event,queueID,fileObj,response,data){//上传成功执行
//返回服务端JSON数据,可在服务端修改返回数据类型
var filetext=eval("(" + response + ")")//解析JSON数据
switch   ( filetext.err )   {   
        case0:
$("#RequestText").prepend('保存时间：' + filetext.time + "<br /><br />");
$("#RequestText").prepend('文件类型：' + filetext.ext + "<br />");
$("#RequestText").prepend('文件大小：' + filetext.size + "<br />");
$("#RequestText").prepend('保存路径：' + filetext.path + "<br />");

最低0.47元/天解锁文章

engling

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
4
评论
jquery uploadify for asp 批量文件上传程序整合风声asp无组件上传

jquery 上传插件 uploadify （官网：http://www.uploadify.com/)uploadify功能强大，支持多文件、批量上传、状态进度条等，提供前端文件限制相关设置。由于是flash环境全面支持asp、asp.net、php等平台；官方目前只提供php程序接入方式，asp.net程序接入在网络上也有很多，而asp程序的只找到一个老外写的，有很多功能调试起来很
复制链接

扫一扫