
下载下来解压后估计里面很多文件,其实有用的也就一个jquery.uploadify.Js和uploadify.swf这两个文件。当然啦,jquery库那是必须的。
在你使用的项目中,把jquery.uploadify.Js引入以后,用法和大多数JQ插件一样。同时也要记得引入swfobject.Js这个插件,版本2.2以上的。使用方法例如:
$(function() { $("#file_upload_1").uploadify({ height : 30,swf : '/uploadify/uploadify.swf',uploader : '/uploadify/UploadHandler.ashx',wIDth : 120 });}); |
,上面的只是简单的事例,下面我就把我在项目中做的发出来,每个都有解释:file_upload_1其实也就是一个容器ID,比如
$(document).ready(function() { $("#file_upload").uploadify({ //开启调试 'deBUG' : false,//是否自动上传 'auto':false,//超时时间 'successtimeout':99999,//附带值 'formData':{ 'userID':'用户ID','username':'用户名','rnd':'加密密文' },//flash 'swf': "uploadify.swf",//不执行默认的onSelect事件 'overrIDeEvents' : ['onDialogClose'],//文件选择后的容器ID 'queueID':'uploadfileQueue',//服务器端脚本使用的文件对象的名称 $_fileS个['upload'] 'fileObjname':'upload',//上传处理程序 'uploader':'imageUpload.PHP',//浏览按钮的背景图片路径 'buttonImage':'upbutton.gif',//浏览按钮的宽度 'wIDth':'100',//浏览按钮的高度 'height':'32',//expressInstall.swf文件的路径。 'expressInstall':'expressInstall.swf',//在浏览窗口底部的文件类型下拉菜单中显示的文本 'fileTypeDesc':'支持的格式:',//允许上传的文件后缀 'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png',//上传文件的大小限制 'fileSizelimit':'3MB',//上传数量 'queueSizelimit' : 25,//每次更新上载的文件的进展 'onUploadProgress' : function(file,bytesuploaded,bytesTotal,totalBytesuploaded,totalBytesTotal) { //有时候上传进度什么想自己个性化控制,可以利用这个方法 //使用方法见官方说明 },//选择上传文件后调用 'onSelect' : function(file) { },//返回一个错误,选择文件的时候触发 'onSelectError':function(file,errorCode,errorMsg){ switch(errorCode) { case -100: alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizelimit')+"个文件!"); break; case -110: alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizelimit')+"大小!"); break; case -120: alert("文件 ["+file.name+"] 大小异常!"); break; case -130: alert("文件 ["+file.name+"] 类型不正确!"); break; } },//检测FLASH失败调用 'onFallback':function(){ alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。"); },//上传到服务器,服务器返回相应信息到data里 'onUploadSuccess':function(file,data,response){ alert(data); } });}); |
上传后台处理程序UploadHandler.ashx:大体上常用的我想也就这些,至于后端处理上传部分,我这里就不多讲了,和普通的文件上传处理方式是一样的。
/// |
总结
以上是内存溢出为你收集整理的织梦前台上传参考jQuery Uploadify 3.2上传插件使用全部内容,希望文章能够帮你解决织梦前台上传参考jQuery Uploadify 3.2上传插件使用所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)