JavaScript限制上传文件的大小
分类:实例代码
JavaScript限制上传文件的大小属于前端实例代码,有关更多实例代码大家可以查看。
基本上任何站点对于文章上传的大小都是有限制的。
下面就来介绍一下如何利用JavaScript来实现此效果,当然在前台进行验证后,后台也要进行验证。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> </head> <script type="text/javascript"> var isIE = /msie/i.test(navigator.userAgent)&&!window.opera; function fileChange(target,show){ var fileSize=0; if (isIE && !target.files){ var filePath=target.value; var fileSystem=new ActiveXObject("Scripting.FileSystemObject"); var file = fileSystem.GetFile(filePath); fileSize = file.Size; } else { fileSize = target.files[0].size; } var size = fileSize / 1024 / 1024; if (size > 1) { show.innerHTML="附件不能大于1M"; } } window.onload=function(){ var ofile=document.getElementById("file"); var oshow=document.getElementById("show"); ofile.onchange=function(){ fileChange(this,oshow); } } </script> <body> <input type="file" id="file"/> <span id="show"></span> </body> </html>
JavaScript限制上传文件的大小,这样的场景在实际项目中还是用的比较多的,关于JavaScript限制上传文件的大小就介绍到这了。