<script language='javascript'>
var $=function(id){
return "string"==typeof(id)?document.getElementById(id):id;
}
//判断浏览器
var Browser=new Object();
Browser.userAgent=window.navigator.userAgent.toLowerCase();
Browser.ie=/msie/.test(Browser.userAgent);
Browser.Moz=/gecko/.test(Browser.userAgent);
var imgsize=1024*100//允许的图片大小100kb
//判断图片是否加载完成
function FileInfor(callBack){
var val=$("file1").value;
if(val==""){
alert("不能为空!");
return false;
}
var img=new Image();
if(Browser.ie){
img.onreadystatechange=function(){
if(img.readyState=="complete"||img.readyState=="loaded"){
callBack(img);
}
}
}
//在ff下不能启作用,所以这程序只适合IE
//else if(Browser.Moz){
// img.onload=function(){
// if(img.complete==true){
// callBack(img);
// }
// }
// Firefox下取得的是图片的数据
$("file1").files.item(0).getAsDataURL();
// Firefox下得到文件的大小
//("file1").files.item(0).fileSize;
// }
img.src=val;
}
//加载完成后,验证图片信息
function CheckImg(obj){
alert("宽:"+obj.width+" 高:"+obj.height+" 大小:"+Math.round(obj.fileSize/1024*100)/100+"kb");
if(obj.fileSize>imgsize){
alert("图片太大了,最多允许:"+imgsize/1024+"kb");
return false;
}
$("img1").src=obj.src;
}
</script>
<input type="file" id="file1"/>
<input type="button" value="upload" onclick="return FileInfor(CheckImg)"/>
<img id="img1"/>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳,地球,月球 运作规律
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具