Jquery上传插件 uploadify v3.1使用说明


Posted in Javascript onJune 18, 2012

官方地址:http://www.uploadify.com/

三水点靠木提供的下载地址:https://3water.com/jiaoben/21484.html

官方英文文档:http://www.uploadify.com/documentation/

使用方法(.net版本):

前台JS

$("#id").uploadify({ 
height: 30, 
swf: '/uploadify/uploadify.swf', 
uploader: '/Handler/uploadPic.ashx', 
width: 120, 
cancelImg: '/uploadify/uploadify-cancel.png', 
buttonText: '选择图片', 
fileTypeExts: '*.gif;*.jpg;*.jpeg;*.png', 
'fileSizeLimit': '6000KB', 
removeCompleted: false, 
'formData': { 
"id":"1" 
}, 
onUploadSuccess: function (file, data, response) {//上传完成时触发(每个文件触发一次) 
if (data.indexOf('错误提示') > -1) { 
alert(data); 
} 
else { 
//$("#previewImage").attr("src", data.substr(2)).hide().fadeIn(2000); 
alert("上传成功!"); 
} 
}, 
'onUploadError': function (file, errorCode, errorMsg, errorString) {//当单个文件上传出错时触发 
alert('文件:' + file.name + ' 上传失败: ' + errorString); 
} });

ASHX文件:
protected string AllowExt = "7z|aiff|asf|avi|bmp|csv|doc|docx|fla|flv|gif|gz|gzip|jpeg|jpg|mid|mov|mp3|mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pptx|pxd|qt|ram|rar|rm|rmi|rmvb|rtf|sdc|sitd|swf|sxc|sxw|tar|tgz|tif|tiff|txt|vsd|wav|wma|wmv|xls|xlsx|xml|zip";//支持的文件格式 
int FileMaxSize = 10240;//文件大小,单位为Kpublicvoid ProcessRequest(HttpContext context) 
{ 
context.Response.ContentType = "text/plain"; 
string ParentID = context.Request.Params["id"]; 
HttpPostedFile fileUpload = context.Request.Files[0]; 
if (fileUpload != null) 
{ 
try 
{ 
string UploadDir = "~/upload/";//图片保存的文件夹 
//图片保存的文件夹路径 
string path = context.Server.MapPath(UploadDir); 
//每天上传的图片一个文件夹 
string folder = DateTime.Now.ToString("yyyyMM"); 
//如果文件夹不存在,则创建 
if (!Directory.Exists(path + folder)) 
{ 
Directory.CreateDirectory(path + folder); 
} 
//上传图片的扩展名 
string fileExtension = fileUpload.FileName.Substring(fileUpload.FileName.LastIndexOf('.')); 
//判断文件格式 
if (!CheckValidExt(fileExtension)) 
{ 
context.Response.Write("错误提示:文件格式不正确!" + fileExtension); 
return; 
} 
//判断文件大小 
if (fileUpload.ContentLength > FileMaxSize * 1024) 
{ 
context.Response.Write("错误提示:上传的文件(" + fileUpload.FileName + ")超过最大限制:" + FileMaxSize + "KB"); 
return; 
} 
//保存图片的文件名 
//string saveName = Guid.NewGuid().ToString() + fileExtension; 
//使用时间+随机数重命名文件 
string strDateTime = DateTime.Now.ToString("yyMMddhhmmssfff");//取得时间字符串 
Random ran = new Random(); 
string strRan = Convert.ToString(ran.Next(100, 999));//生成三位随机数 
string saveName = strDateTime + strRan + fileExtension; 
Model.Album uc = new Model.Album(); 
uc.Title = fileUpload.FileName; 
uc.ImagePath = folder + "/" + saveName; 
uc.PostTime = DateTime.Now; 
uc.Pid= int.Parse(id); 
bll.Album alb = new bll.Album(); 
alb.add(uc); 
//保存图片 
fileUpload.SaveAs(path + folder + "/" + saveName); 
context.Response.Write(UploadDir + folder + "/" + saveName); 
} 
catch 
{ 
context.Response.Write("错误提示:上传失败"); 
} 
} 
} 
public bool IsReusable 
{ 
get 
{ 
return false; 
} 
} 
#region 检测扩展名的有效性 bool CheckValidExt(string sExt) 
/// <summary> 
/// 检测扩展名的有效性 
/// </summary> 
/// <param name="sExt">文件名扩展名</param> 
/// <returns>如果扩展名有效,返回true,否则返回false.</returns> 
public bool CheckValidExt(string strExt) 
{ 
bool flag = false; 
string[] arrExt = AllowExt.Split('|'); 
foreach (string filetype in arrExt) 
{ 
if (filetype.ToLower() == strExt.ToLower().Replace(".", "")) 
{ 
flag = true; 
break; 
} 
} 
return flag; 
} 
#endregion

参数说明:
参考 https://3water.com/article/30598.htm
3.1 版本更新 : 去除postData,更改为formData。 Json数据。 其他更改研究中。
上传文件生成缩略图显示到网页功能研究ing。
Javascript 相关文章推荐
通过JAVASCRIPT读取ASP设定的COOKIE
Nov 24 Javascript
jquery入门—数据删除与隔行变色以及图片预览
Jan 07 Javascript
Jquery post传递数组方法实现思路及代码
Apr 28 Javascript
javascript检测对象中是否存在某个属性判断方法小结
May 19 Javascript
js动态修改整个页面样式达到换肤效果
May 23 Javascript
javascript闭包的理解
Apr 01 Javascript
js实现星星打分效果的方法
Jul 05 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
JS自定义滚动条效果简单实现代码
Oct 27 Javascript
微信小程序 POST请求的实例详解
Sep 29 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
Oct 25 Javascript
js实现简单的轮播图效果
Dec 13 Javascript
uploadify 3.0 详细使用说明
Jun 18 #Javascript
通过Javascript创建一个选择文件的对话框代码
Jun 16 #Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
Jun 15 #Javascript
精心挑选的15个jQuery下拉菜单制作教程
Jun 15 #Javascript
jQuery操作input type=radio的实现代码
Jun 14 #Javascript
jQuery操作 input type=checkbox的实现代码
Jun 14 #Javascript
基于jQuery的遍历同id元素 并响应事件的代码
Jun 14 #Javascript
You might like
php的$_FILES的临时储存文件与回收机制实测过程
2013/07/12 PHP
PHP中使用虚代理实现延迟加载技术
2014/11/05 PHP
php实现表单多按钮提交action的处理方法
2015/10/24 PHP
js数组Array sort方法使用深入分析
2013/02/21 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
js中回调函数的学习笔记
2014/07/31 Javascript
js 动态修改css文件的方法
2014/08/05 Javascript
javascript事件处理模型实例说明
2016/05/31 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
2016/06/14 Javascript
JS重载实现方法分析
2016/12/16 Javascript
Bootstrap警告框(Alert)插件使用方法
2017/03/21 Javascript
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
JavaScript闭包相关知识解析
2019/10/19 Javascript
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
[05:28]刀塔密之一:团结则存
2014/07/03 DOTA
python删除文件示例分享
2014/01/28 Python
Python getopt模块处理命令行选项实例
2014/05/13 Python
Python实现批量压缩图片
2018/01/25 Python
python自定义线程池控制线程数量的示例
2019/02/22 Python
Python中最大递归深度值的探讨
2019/03/05 Python
python打开使用的方法
2019/09/30 Python
wxPython+Matplotlib绘制折线图表
2019/11/19 Python
Python3.6 + TensorFlow 安装配置图文教程(Windows 64 bit)
2020/02/24 Python
django项目中新增app的2种实现方法
2020/04/01 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
matplotlib 生成的图像中无法显示中文字符的解决方法
2020/06/10 Python
如何利用python进行时间序列分析
2020/08/04 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
英国最大最好的无人机商店:Drones Direct
2019/07/12 全球购物
自荐信格式的六要素
2013/09/21 职场文书
学校三八妇女节活动情况总结
2014/03/09 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
物业保安岗位职责
2014/07/02 职场文书
先进个人自荐书
2015/03/06 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
安装配置mysql及Navicat prenium的详细流程
2021/06/10 MySQL