视频上传----还是有些不懂得地方

弄了个视频上传的功能,实现起来还是有些问题,不能将.3gp上传上去,但是.mp4是可以的,这样实现的:

<tr>
			    <td class="name">上传视频:</td>
			    <td><input type="file" class="text_input" name="file" accept= "video/*" placeholder="上传视频"/><span class='error' generated='true' style='color: red; font-size: 12px;'>*文件大小为30M以下</span> </td>
			    <td><label for="file" class="error" generated="true" style="color:red;font-size:12px;"></label></td>
            </tr>

注意accept用法,起限制用的。

jquery:

$(function(){
	jQuery.validator.messages.required = "<span class='error' generated='true' style='color: red; font-size: 12px;'>*请填写此内容</span>";
	jQuery.validator.messages.maxlength = "<span class='error' generated='true' style='color: red; font-size: 12px;'>*已达到最大字符数 </span>";
	jQuery.validator.messages.accept = "<span class='error' generated='true' style='color: red; font-size: 12px;'>*请输入拥有合法后缀名的字符串 </span>";
	
	$("#add_form").validate({
		
		rules : {
			remark : {required : true, maxlength :200 },
			title : {required : true, maxlength :200 },
			file : {required : true,accept:false},
		}
	});	
	$("input[type='file']").change(function(){
		if(this.files[0].size>60000000){
			alert("文件太大!!");
			$("#submitButton").attr("disabled","disabled");
		}else{
			$("#submitButton").removeAttr("disabled");
		}
	});
});

accept设置了下:

accept:false
不然就有问题了,不能上传
如果大于所限制大小,那么是不能submit的。视频中.3gp格式是不允许上传的。自动过滤掉了。所以不成熟

你可能感兴趣的:(视频上传----还是有些不懂得地方)