最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

plupload上传视频等大文件

来源:http://www.erdangjiade.com/ 沐浴春风 2016-08-06 07:37浏览(5249)

本文演示了新浪微博plupload上传视频文件,支持格式有mpg,m4v,mp4,flv,3gp,mov,avi,rmvb,mkv,wmv。本文的视频上传分两步,首先选择文件,然后点击上传按钮开始上传,您也可以直接选择文件上传,具体请参考http://www.erdangjiade.com/js/863.html

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

plupload上传视频等大文件
分类:PHP > 上传 难易:中级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 260 积分

视频类型文件上传,支持中途取消上传

var uploader_video = new plupload.Uploader({//创建实例的构造方法
    runtimes: 'gears,html5,html4,silverlight,flash', //上传插件初始化选用那种方式的优先级顺序
    browse_button: ['video_upload_btn'], // 上传按钮
    url: "ajax.php", //远程上传地址
    flash_swf_url: 'js/plugins/plupload/Moxie.swf', //flash文件地址
    silverlight_xap_url: 'js/plugins/plupload/Moxie.xap', //silverlight文件地址
    filters: {
        max_file_size: '10mb', //最大上传文件大小(格式100b, 10kb, 10mb, 1gb)
        mime_types: [//允许文件上传类型
            {title: "files", extensions: "mpg,m4v,mp4,flv,3gp,mov,avi,rmvb,mkv,wmv"}
        ]
    },
    //       chunk_size: "5mb", //分片上传文件时,每片文件被切割成的大小,为数字时单位为字节。也可以使用一个带单位的字符串,如"200kb"。当该值为0时表示不使用分片上传功能
    multi_selection: false, //true:ctrl多文件上传, false 单文件上传
    init: {
        FilesAdded: function(up, files) { //文件上传前

            $("#video_name_box").css({"display": "inline-block"});
            $("#video_upload_btn").hide();
            $("#video_file_name").text(files[0].name);
            $("#upload_video").removeClass("disabled");

            $("#upload_video").click(function() {
                uploader_video.start(); //调用实例对象的start()方法开始上传文件,当然你也可以在其他地方调用该方法
            })
            $("#video_iput").attr("file_id", files[0]['id'])
            //                    console.log(files);
        },
        UploadProgress: function(up, file) { //上传中,显示进度条
            $("#video_loading").show();
            $('#upload_video_area,#video_upload_area').hide();
            var percent = file.percent;
            $("#percent").css({"width": percent + "%"});
            $("#percentnum").text(percent + "%");
            $("#video_success").hide();

        },
        FileUploaded: function(up, file, info) { //文件上传成功的时候触发
            $("#video_loading").hide();
            $("#video_success").show();
            var data = eval("(" + info.response + ")");//解析返回的json数据
            $("#video_iput").html("<input type='hidden'id='video_file' value='" + data.pic + "'/><input type='hidden'id='video_name' value='" + data.name + "'/>");
        },
        Error: function(up, err) { //上传出错的时候触发
            alert(err.message);
        }
    }
});
uploader_video.init();
标签: 上传plupload
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/874.html
评论30
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 29楼
    05-06 23:55
    pengtao0425
    dsds看看啦。。。。觉得还不错的 啊<br />
  • 头像 28楼
    05-21 18:13
    caihong
    太多分了
  • 头像 27楼
    04-07 17:06
    842131096@qq.com
    这个积分有点高呀
  • 头像 26楼
    08-05 09:03
    路明非非非
    怎么获取上传视频的时长啊
  • 头像 25楼
    05-07 06:42
    freet
    这个很好的说
  • 头像 24楼
    11-08 13:43
    mengkai
    你可以吗,php什么版本
  • 头像 23楼
    05-14 10:05
    Mrzhu
    666,我喜欢这个
  • 头像 22楼
    05-12 19:09
    李新昌2018
    我的上传不了<br />
  • 头像 21楼
    05-10 14:47
    gaozhiqng
    大神,我的积分不都大神,我的积分不都
  • 头像 20楼
    05-10 14:38
    gaozhiqng
    太容易太容易太容易太容易
1 2