html5 上传实用小例子

最新推荐文章于 2020-07-02 18:02:10 发布

原创最新推荐文章于 2020-07-02 18:02:10 发布 · 88 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript进行文件上传前的预检查方法，包括获取上传文件的大小、类型和名称，并设置合理的文件大小限制。

js得到上传文件大小和类型和名字

$('#i_submit').click( function() {
//check whether browser fully supports all File API
if (window.File && window.FileReader && window.FileList && window.Blob)
{
//get the file size and file type from file input field
var fsize = $('#i_file')[0].files[0].size;
var ftype = $('#i_file')[0].files[0].type;
var fname = $('#i_file')[0].files[0].name;

if(fsize>1048576) //do something if file size more than 1 mb (1048576)
{
alert("Type :"+ ftype +" | "+ fsize +" bites\n(File: "+fname+") Too big!");
}else{
alert("Type :"+ ftype +" | "+ fsize +" bites\n(File :"+fname+") You are good to go!");
}
}else{
alert("Please upgrade your browser, because your current browser lacks some new features we need!");
}
});