首页 > 代码库 > jquery.Huploadify 上传

jquery.Huploadify 上传

2024-08-23 15:53:22   216人阅读

 

html 

 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>无标题文档</title> 6 <link rel="stylesheet" type="text/css" href="Huploadify.css"/> 7 <script type="text/javascript" src="jquery.js"></script> 8 <script type="text/javascript" src="jquery.Huploadify.js"></script> 9 <style type="text/css">10 </style>11 <script type="text/javascript">12 $(function(){13     $(‘#upload‘).Huploadify({14         auto:true,15         fileTypeExts:‘*.*;‘,16         multi:true,17         formData:{key:123456,key2:‘vvvv‘},18         fileSizeLimit:9999,19         showUploadedPercent:true,//是否实时显示上传的百分比，如20%20         showUploadedSize:true,21         removeTimeout:9999999,22         uploader:‘../handler/HandlerMeetingMaterial.ashx?MeetMaterialFlag=Add‘,23         onUploadStart:function(){24             //alert(‘开始上传‘);25             },26         onInit:function(){27             //alert(‘初始化‘);28             },29         onUploadComplete:function(){30             //alert(‘上传完成‘);31             },32         onDelete:function(file){33             console.log(‘删除的文件：‘+file);34             console.log(file);35         }36         });37     });38 </script>39 </head>40 41 <body>42 <div id="upload"></div>43 </body>44 </html>

js和css 库

效果图：

技术分享

 

jquery.Huploadify 上传


联系
我们