html5 上传实用小例子

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

iteye_15566

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

阅读量83

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/iteye_15566/article/details/82543742

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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!");
}
});