html 前端优化上传视频,前端上传组件Plupload使用---上传大视频(分片上传)

上传视频到服务器

1.引入js插件：

2.html页面如图：

上传视频：

上传视频

支持AVI、wma、rmvb、rm、flash、mp4、mid、3GP等格式

3.js代码

$(function () {

var uploader_video = new plupload.Uploader({//创建实例的构造方法

runtimes: 'gears,html5,html4,silverlight,flash', //上传插件初始化选用那种方式的优先级顺序

browse_button: ['video_upload_btn'], // 上传按钮

url: "/ajax/upload_video?path=videos", //远程上传地址

// flash_swf_url: 'js/plugins/plupload/Moxie.swf', //flash文件地址

// silverlight_xap_url: 'js/plugins/plupload/Moxie.xap', //silverlight文件地址

filters: {

max_file_size: '1gb', //最大上传文件大小(格式100b, 10kb, 10mb, 1gb)

mime_types: [//允许文件上传类型

{title: "files", extensions: "mpg,m4v,mp4,flv,3gp,mov,avi,rmvb,mkv,wmv"}

]

},

multipart_params: {

'_xsrf': $("input[name='_xsrf']").val()

},

chunk_size: "50mb", //分片上传文件时，每片文件被切割成的大小，为数字时单位为字节。也可以使用一个带单位的字符串，如"200kb"。当该值为0时表示不使用分片上传功能

multi_selection: false, //true:ctrl多文件上传, false 单文件上传

init: {

FilesAdded: function(up, files) { //文件上传前

plupload.each(files, function (file1) {

uploader_video.start();

});

},

UploadProgress: function(up, file) { //上传中&#