新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这个无需用jquery, 但是浏览器必须要支持html5,
网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、微信小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了巢湖免费建站欢迎大家使用!
假设页面上有一个文件域
input type="file" id="file_input" /
var input = document.getElementById("file_input");
//文件域选择文件时, 执行readFile函数
input.addEventListener('change',readFile,false);
function readFile(){
var file = this.files[0];
console.log("文件名:"+file.name);
console.log("文件类型:"+file.type);
console.log("文件大小:"+file.size);
}
定义一个全局变量var totalSize = 0;选择好之后,触发一个onSelect事件,可以此时计算单个文件大小,加到全局变量里面,在开始上传(onUploadStart事件)的时候,判断总大小是否超标。如下:
'onSelect' : function(file) {
totalSize += file.size;
},
'onUploadStart':function(file){
if(totalSize30*1024){
alert("文件大小超标,请重新选择文件");
$('#fileInput').uploadify('stop');
$('#fileInput').uploadify('cancel', '*');
}
}
使用jquery过滤上传文件的类型和限制文件的大小
script type="text/javascript"
$(document).ready(function(){ $("#form0").submit(function() {var filepath=$("input[name='myFile']").val();
var extStart=filepath.lastIndexOf(".");
var ext=filepath.substring(extStart,filepath.length).toUpperCase(); if(ext!=".BMP"ext!=".PNG"ext!=".GIF"ext!=".JPG"ext!=".JPEG"){
alert("图片限于bmp,png,gif,jpeg,jpg格式");
return false; }
var img=new Image();
img.src=filepath;
while(true){
if(img.fileSize0){
if(img.fileSize3*1024){
alert("图片不大于300KB。");
return false; }
break; }
}
return true; });
});
/script
fileSize属性的前提是先加载到浏览器页面上,而不是浏览器缓存中!!!
例子:
SCRIPT
var imgs=new Image()
imgs.src="";
setTimeout("img1.src=imgs.src;",100);
/SCRIPT
BODY ONCLICK=alert(imgs.fileSize + "字节")
img id=img1 width=300 height=250
/BODY
理论上是没有大小限制。 但是,限制于 HTTP协议 不建议上传这么大的文件。 另外公网网络环境可能不稳定,可能出现传到一般断开的情况。 所以虽然http协议没有规定上传的大小,但是一般都不会用http协议上传大文件。