img.readyState!= complete 权限问题也是一个无用题

最新推荐文章于 2022-07-18 18:31:11 发布

原创最新推荐文章于 2022-07-18 18:31:11 发布 · 284 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Tomcat #JavaScript #HTML #ViewUI

J2EE 专栏收录该内容

23 篇文章

订阅专栏

本文尝试在客户端进行图片上传前的尺寸及大小验证，但遇到权限问题导致无法完成验证过程。文章分享了一段JavaScript代码，旨在说明如何加载并检查图片文件的基本属性。

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

今天处一个问,我想在客户端验证上传图片的大小,尺寸，结果呢，没成功，

结果发现这个问题，就是img.readyState!= complete 权限问题

服务器端是没有权限访问客户的资源的。也算是收获，哈哈

代码贴出来，大家看，放到tomcat下就不行了，阿哈，阿哈 o(╯□╰)o

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<script language="javascript">
<!--
//检查插入是否为图片
var img=null;
function chkimg(inp){
 if(img)img.removeNode(true);
 img=document.createElement("img");
 img.style.position="absolute";
 img.style.visibility="hidden";
 img.attachEvent("onreadystatechange",isimg);
 img.attachEvent("onerror",notimg);
 img.src=inp;
}
function notimg(){
 alert("您插入的不是图片，请重新选择插入");
}
function isimg(){
 show.insertAdjacentElement("BeforeEnd",img);
 show1.innerHTML = "图片大小" + img.fileSize/1024 +"K<br />图片宽度"+ img.offsetWidth +"<br />图片高度"+ img.offsetHeight;
}
// -->
</script>
<BODY>
<div id="show"></div>
<div id="show1"></div>
<input type="file" name="" onpropertychange="chkimg(this.value)"/>
</BODY>
</HTML>