`

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

    博客分类：
  • J2EE
TomcatJavaScriptHTML 
阅读更多

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

结果发现这个问题，就是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>

 

分享到：
| Servlet监听器对Session的监听
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js上传，及时显示图片

    if(img.readyState!='complete') { return false; //确保图片完全加载 } if(img.offsetWidth&gt;MaxWidth)img.width=MaxWidth; if(img.offsetHeight&gt;MaxHeight)img.height=MaxHeight; } [removed] &lt;img src='...

    Ajax异步读取数据

    假设有一个提供天气预报API，我们可以创建一个Ajax请求来获取数据： ```javascript function getWeatherForecast(city) { var xhr = new XMLHttpRequest(); xhr.open('GET', `/api/weather?city=${...

    javascript实现将文件保存到本地方法汇总

    下面是保存一个图片为示例，代码来源于网络，希望能够给大家带来一定的帮助，代码如下: [removed] function saveFile&#40;imgUrl&#41; { var oPop=window.open(imgUrl,"","width=1, height=1, top=5000, left=5000...

    js限制网站图片最大尺寸

    " /&gt;` 这行代码创建了一个`&lt;img&gt;`标签，并指定了其ID、源路径以及`onload`事件触发时调用`Wa_SetImgAutoSize`函数。 - `onload`事件确保了只有当图片完全加载后，才执行缩放函数，避免了由于图片未加载完成而导致的...

    javascript 获取图像信息

    在本例中，它用于创建一个`&lt;img&gt;`元素，以便加载并显示用户选择的图像。 ```javascript var img = document.createElement("img"); ``` #### 2. `img.style` `img.style`用于设置或返回`&lt;img&gt;`元素的样式属性。在此...

    ASP四级联动下拉菜单 (XML+Access)

    var iReadyState = m_oXMLDoc.readyState; } catch(e) { return; } if( iReadyState != 4 ) return; if( m_oXMLDoc != null && m_oXMLDoc.xml != "" ) { objSelect.length = 0; aryXMLNodes = m_...

    一个简单的Ajax框架

    一个简单的Ajax框架: function $(){ if(arguments.length == 1){ return document.getElementById(arguments[0]); } else if(arguments.length == 2){ return arguments[1].documentElement....

    ajax底层实现 无第三方插件

    将以上步骤整合，一个简单的 ASP.NET Ajax 实现如下： **JavaScript 部分** ```javascript var xhr = new XMLHttpRequest(); xhr.open('POST', 'YourPage.aspx', true); xhr.setRequestHeader('Content-Type', '...

    javascript中ajax应用

    script&gt; function hq () ... xml.onreadystatechange=function()//件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果 {if(xml.readyState==4&&xml.status==200)//当前状态是已结束时和请求成功时

    ajax读取页面内容【简单的ajax入门实例】

    在JavaScript中，我们首先需要创建一个XMLHttpRequest对象，这是所有Ajax操作的基础： ```javascript var xhr = new XMLHttpRequest(); ``` 现代浏览器通常都支持这个对象，但在旧版本的IE中，可能需要使用...

    Ajax 动态调用四种格式的数据

    使用JSON，你可以创建一个JavaScript对象，然后通过Ajax请求将其发送到服务器，或者从服务器接收JSON数据并转换为JavaScript对象。 ```javascript var data = { name: "John", age: 30 }; var xhr = new ...

    my97日历控件

    =Y&&V[N].readyState!="complete")return false;return true}function D(){if(G){func=D.caller;while(func!=null){var $=func.arguments[0];if($&&($+"").indexOf("Event")&gt;=0)return $;func=func.caller}return ...

    Ajax返回数据

    当用户触发某个事件（如点击按钮），JavaScript代码创建一个XMLHttpRequest实例，然后通过它来发送GET或POST请求到服务器。一旦服务器返回响应，Ajax代码可以处理这些数据，并动态更新页面内容。 二、返回字符串 在...

    QQ vba 登 录

    Do Until .readystate = 4 DoEvents Loop .document.getelementbyid("u").Value = "123456789" .document.getelementbyid("p").Value = "3s3.cn***" .document.getelementbyid("button").Click '登 录 ...

    不用框架，最原始的，最简单的ajax 实例

    在本实例中，我们将探讨如何在不依赖任何框架的情况下，使用最基础的JavaScript实现一个简单的Ajax请求。这对于初学者来说是很好的入门知识，因为了解基本原理有助于更好地理解更复杂的框架和库。 首先，我们需要...

    ajax经典实例大全1，参看源码附件。。。。。。

    ajax经典实例大全1 &lt;!... &lt;meta charset="utf-8"&gt; ... if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open

    Ajax之XMLHttpRequest详解

    为了更好地理解XMLHttpRequest对象的使用，以下是一个简单的示例，展示了如何使用它发送GET请求并处理响应： ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://example.com/data.json', ...

    简单的PHP+MySQL+AJAX留言板实例

    if (request.readyState == 4) if (request.status == 200) document.getElementById("output").innerHTML = request.responseText; else if (request.status == 404) alert("目标地址不存在"); else alert(...

    php开发之ajax异步请求

    在JavaScript中，可以通过创建新的XMLHttpRequest实例来初始化一个Ajax请求： ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'server_script.php', true); xhr.onreadystatechange = function() ...

Magicbox
Global site tag (gtag.js) - Google Analytics