Jquery Uploadify

最新推荐文章于 2016-12-05 15:50:29 发布

@朱较瘦

最新推荐文章于 2016-12-05 15:50:29 发布

阅读量341

点赞数

本文链接：https://blog.csdn.net/zhulongxi/article/details/52143195

版权

<!DOCTYPE html>
<html>
<head>
    <title></title>
	<meta charset="utf-8" />
    <script src="jquery.js"></script>
    <link href="JS/uploadify/uploadify.css" rel="stylesheet" />
    <script src="JS/uploadify/jquery.uploadify.js"></script>
    <script>
        $(function () {
            $("#uploader").uploadify({
                //开启调试  
                'debug': false,
                //是否自动上传  
                'auto': true,
                //超时时间  
                'successTimeout': 99999,
                //附带值  
                'formData': {
                    'userid': '用户id',
                    'username': '用户名',
                    'rnd': '加密密文'
                },
                //flash  
                'swf': "JS/uploadify/uploadify.swf",
                //不执行默认的onSelect事件  
                'overrideEvents': ['onDialogClose'],
                //文件选择后的容器ID  
                'queueID': 'photo_queue',
                //服务器端脚本使用的文件对象的名称 $_FILES个['upload']  
                'fileObjName': 'upload',
                //上传处理程序  
                'uploader': 'Uploader.ashx',
                浏览按钮的背景图片路径  
                  'buttonImage': 'upbutton.gif',
                //浏览按钮的文字
                'buttonText': '选择上传文件',
                //自定义的button样式
                'buttonClass':'',
                //浏览按钮的宽度  
                'width': '100',
                //浏览按钮的高度  
                'height': '32',
                //expressInstall.swf文件的路径。  
                'expressInstall': 'expressInstall.swf',
                //在浏览窗口底部的文件类型下拉菜单中显示的文本  
                'fileTypeDesc': '支持的格式：',
                //允许上传的文件后缀  
                'fileTypeExts': '*.jpg;*.jpge;*.gif;*.png',
                //上传文件的大小限制  
                'fileSizeLimit': '3MB',
                //上传数量  
                'queueSizeLimit': 2,
                //是否支持多文件上传
                'multi': true,
                //请求类型
                'method':'post',
                每次更新上载的文件的进展  
                'onUploadProgress': function (file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {
                    //有时候上传进度什么想自己个性化控制，可以利用这个方法  
                    //使用方法见官方说明  
                },
                选择上传文件后调用  
                //'onSelect': function (file) {

                //},
                返回一个错误，选择文件的时候触发  
                //'onSelectError': function (file, errorCode, errorMsg) {
                //    switch (errorCode) {
                //        case -100:
                //            alert("上传的文件数量已经超出系统限制的" + $('#uploader').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;
                //    }
                //},
                文件队列上传完毕触发
                //'onQueueComplete':function(){
                    
                //},
                队列开始上传触发
                //'onUploadStart' :function(){
                    
                //},
                检测FLASH失败调用  
                //'onFallback': function () {
                //    alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");
                //},
                //每个文件上传成功都会触发，上传到服务器，服务器返回相应信息到data里  
                'onUploadSuccess': function (file, data, response) {
                    alert(data);
                },
                //上传失败时候的处理
                'onUploadError': function (file, data, response) {

                }
            });
        });
    </script>
</head>
<body>
    <input id="uploader" type="button" class="uploadify-button" style="width:80px;" value="Upload"/>
    <div id="photo_queue"></div>
</body>
</html>

@朱较瘦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery Uploadify

$(function () { $("#uploader").uploadify({ //开启调试 'debug': false, //是否自动上传 'auto': true, //超时时间
复制链接

扫一扫

Jquery Uploadify

“相关推荐”对你有帮助么？