如何在上传图片时在客户端用js判断图片大小并弹出提示

来源：百度知道 编辑：UC知道 时间：2024/05/27 06:37:27
jsp中是这么写的
有四个input和一个上传按钮

<td class="input">
<input TYPE="file" name="FILE1" OnKeyDown="return false" SIZE="60"><br>
<input TYPE="file" name="FILE2" OnKeyDown="return false" SIZE="60"><br>
<input TYPE="file" name="FILE3" OnKeyDown="return false" SIZE="60"><br>
<input TYPE="file" name="FILE4" OnKeyDown="return false" SIZE="60">
</td>
<td valign="bottom" class="input">
<INPUT TYPE="SUBMIT" VALUE=" 上 传 " >

在function中进行图片大小判断.设定在500k.想在要在input获取到图片地址时.就给出图片过大的提示.

function怎么获取到图片大小.

不要用会弹出ie提示框的方法.那样如果选择否.将不会提示了.
不要复制粘贴好不好啊

<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/> K
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<img src="about:blank" id="fileChecker" alt="test" height="18"/>

//前面为网页
<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");

function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;//读图片
}

//这个很重要，判断是否完全读完，否则判断图片大小不准确
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete")
{
checkSize();
}
}

function checkSize()
{
var limit = document.getElementById("fileSizeLimit"