js 限制上传文件_限制登录后上传文件代码-优快云博客

本文链接：https://blog.youkuaiyun.com/shoulangwangyue/article/details/3239593

function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}

oFileChecker.onreadystatechange = function ()
{
    if (oFileChecker.readyState == "complete")
    {
        checkSize();
    }
}

function checkSize()
{
var limit = document.getElementById("fileSizeLimit").value * 10;

    if (oFileChecker.fileSize > limit)
    {
        alert("too large");
    }
    else
    {
        alert("ok");
    }
}
</script>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>chinmo测试</title>
</head>
<body>
    <form name="Myform">
        <p>
            <font color="red" size="6">上传文件支持格式：gif,jpg,jpeg,png,bmp</font></p>
        <p>
            上传文件大小限制：
            <input type="text" size="4" value="100" name="fileSizeLimit" id="Text1" />
            K</p>
        <p>
            图片高度大小限制：<input type="text" size="4" value="100" name="heightLimit" id="heightLimit" />
        </p>
        <p>
            图片宽度大小限制：<input type="text" size="4" value="100" name="widthLimit" id="widthLimit" />
        </p>
        <p>
            <input type="file" name="photo" οnchange="changeSrc(this)" />
            预览：<img src="about:blank" id="Img1" name="fileChecker" alt="test" />
        </p>
        <p>
            <input type="submit" value="submit" id='ddd'>
        </p>
    </form>

var oFileChecker = document.getElementById("fileChecker");

oFileChecker.onreadystatechange = function ()
{
     if (oFileChecker.readyState == "complete")
     {
        CheckFileSize();
     }
}

/**
   判断上传文件格式是否正确
*/
function checkImgType(fileURL)
{
//本程序用来验证后缀，如果还有其它格式，可以添加在right_type;
var right_typeLen=right_type.length;
var imgUrl=fileURL.toLowerCase();
var postfixLen=imgUrl.length;
var len4=imgUrl.substring(postfixLen-4,postfixLen);
var len5=imgUrl.substring(postfixLen-5,postfixLen);
for (i=0;i<right_typeLen;i++)
{
      if((len4==right_type[i])||(len5==right_type[i]))
      {
       return true;
      }
}
}