以下直接粘贴到记事本中,给后缀改为html即可运行
##################################################
<input name="txtImg" type="file" id="txtImg" />
<input name="btnUploadImg" type="button" id="btnUploadImg" value="上传" />
<span class="redcolor">(最佳图片尺寸:宽度不超过600像素,高度不超过600像素)</span>
<script language="javascript">
var AllowImgFileSize=512; //允许上传图片文件的大小 0为无限制 单位:KB
var AllowImgWidth=600; //允许上传的图片的宽度 0为无限制 单位:px(像素)
var AllowImgHeight=600; //允许上传的图片的高度 0为无限制 单位:px(像素)
function checkImg(){
var txtImg=document.getElementById("txtImg");
if (txtImg.value==""){
alert("请点击浏览按钮,选择您要上传的JPG或GIF文件!");
txtImg.focus();
return false;
}
var txtImg_url=txtImg.value.toLowerCase();
var txtImg_ext=txtImg_url.substring(txtImg_url.length-3,txtImg_url.length);
if (txtImg_ext!="jpg" && txtImg_ext!="gif" ){
alert("请选择JPG或GIF格式的文件!");
txtImg.select()
document.execCommand("Delete");
txtImg.focus();
return false;
}
var ErrMsgErrMsg = "";//错误信息
var img=new Image();
img.src=\'#\'" />
if(img.width > AllowImgWidth){
ErrMsgErrMsg="\n\n图片宽度超过限制 请上传宽度小于"+AllowImgWidth+"px的文件,当前图片宽度为"+img.width+"px";
alert(ErrMsgErrMsg);
return false;
}
if(img.height > AllowImgWidth){
ErrMsgErrMsg="\n\n图片高度超过限制 请上传高度小于"+AllowImgHeight+"px的文件,当前图片高度为"+img.height+"px";
alert(ErrMsgErrMsg);
return false;
}
var size = formatNum(img.fileSize / 1024,2);
if(size > AllowImgFileSize) {
ErrMsgErrMsg = "\n\n图片文件大小超过限制 请上传小于"+AllowImgFileSize+"KB的文件,当前文件大小为"+size+"KB";
alert(ErrMsgErrMsg);
return false;
}
alert('ok!');
return true;
}
#############辅助函数###############
function formatNum(amt,pre) {
pre = pre > 0 && pre <= 20 ? pre : 2;
amt = parseFloat((amt + "").replace(/[^\d\.-]/g, "")).toFixed(pre) + "";
var left = amt.split(".")[0].split("").reverse();
var right = amt.split(".")[1];
var t = "";
for(i = 0; i < left.length; i ++ ){
t += left[i] + ((i + 1) % 3 == 0 && (i + 1) != left.length ? "" : "");
}
return t.split("").reverse().join("") + "." + right;
}
</script>
分享到:
相关推荐
html前端技术,原生js上传文件,代码结构清晰、简短、易于理解,建议收藏。
一个高手写的js判断文件大小,asp.net开发中挺实用的,分享给大家,喜欢的就下载吧 <input id="file1" type="file" size="100" ContentEditable="false" onchange="CheckFileSize(this)"/> 即可~
本文实例总结了JS获取文件大小方法。分享给大家供大家参考,具体如下: 方法一,利用ActiveX控件实现: [removed] function getFileSize(filePath) { var fso = new ActiveXObject("Scripting.FileSystemObject");...
注意:input[type=file] 标签中的属性accept=application/msword,application/pdf 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚...
NULL 博文链接:https://yunhuii.iteye.com/blog/1095237
VB6 判断文件是否存在,使用VB内置的函数FileExists来实现,可以说实现方法简单,直接调用函数(文件路径)即可,至于返回的结果,这里有两种形式,一种是以MsgBox的方式弹出窗口告之,另一种是返回布尔值,True或...
需求:客户端上传文件时,想先判断下文件的大小,如果超过一定大小,就直接拒绝上传请求 实现原理:根据不同浏览器的差异,在firefox和chrome中obj_file.files[0].size 获取文件打下,在ie6,ie7, ie8 中通过img的...
asp获取文件大小,asp获取音乐文件大小
jQuery多文件上传并获取大小与格式代码</title> [removed][removed] [removed][removed] <link rel="stylesheet" href="style/uploadW.css?3.1.64"> </head> <body>[removed][removed]...
控件UpdloadFile文件上传eg: string newfilename = file_uploadid.FileName; string size = file_uploadid.PostedFile.ContentLength.ToString(); string type = file_uploadid.PostedFile.ContentType; string ...
js input file多个文件上传功能是一款可input上传图片和input file多个文件上传功能特效代码
//判断是否是图片 function isImg(){ var f=$("#imgFile").val(); if(f==""){ alert("请上传图片");return false; }else { if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(f)) { alert("图片类型必须是.gif,...
主要介绍了PHP文件上传判断file是否己选择上传文件的方法,除了判断是否有上传的文件之外还对文件安全性进行了较为深入的分析,是非常实用的技巧,需要的朋友可以参考下
在请求中设置某个字段为需要上传的文件全路径,并且以”@”开头,然后使用CURL把该变量以POST方式发送到服务器,在服务端即可以从超级全局变量$_FILES中取到相应的上传文件信息。 下面我们以一个例子来展示这个过程...
java文件的工具类,封装了常用的操作,尤其针对文件的实际类型,通过获取文件的byte,来查看文件起始字节的魔数值,通过魔数值来判断文件的类型,工具集合了常用的文件类型对应的魔数,也封装了文件类型的判断方法
Delphi FileExists检查文件是否存在
自动上传文件,样式美化,input file选择文件之后自动上传(样式自定义美化),$.ajaxFileUpload自动上传文件。不会包教会。你值得拥有!
uniapp新建文件保存本地 file.js
重复文件查找器 Duplicate File Finder Plus – 快速查找依赖于文件内容的驱动器上的重复文件,您可以删除不需要的文件,以期恢复宝贵的磁盘空间,降低管理成本并避免不必要的混淆。由于我们内置了高速文件比较算法...