php仿新浪微博plupload上传视频文件实例

PHP仿微博plupload上传视频实例

最新推荐文章于 2021-06-05 09:36:29 发布

转载最新推荐文章于 2021-06-05 09:36:29 发布 · 378 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/13967878/2396130

文章标签：

#php #json

该博客介绍了用PHP仿新浪微博plupload上传视频文件的实例，支持mpg、mp4等多种格式，可中途取消上传。若上传报错，需检查php.ini配置，在Linux服务器上要注意文件写入权限。还提供了实例下载链接。

php仿新浪微博plupload上传视频文件实例，支持格式有mpg,m4v,mp4,flv,3gp,mov,avi,rmvb,mkv,wmv。首先选择要上传的文件，然后点击上传按钮开始上传，支持中途取消上传。

核心上传代码：

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();