怎么在页面上用jquery获取上传文件时的文件名和文件的大小

这个无需用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);

}

jquery uploadify 上传文件总大小控制

定义一个全局变量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 判断文件大小

使用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

jquery fileupload 有文件大小吗

理论上是没有大小限制。 但是，限制于 HTTP协议 不建议上传这么大的文件。 另外公网网络环境可能不稳定，可能出现传到一般断开的情况。 所以虽然http协议没有规定上传的大小，但是一般都不会用http协议上传大文件。

分享文章：jquery文件大小,jq获取宽度
URL地址：http://scyanting.com/article/dsdisdh.html