asp.net带预览的图片上传客户端脚本

最新推荐文章于 2022-11-13 15:43:56 发布

niuniu

最新推荐文章于 2022-11-13 15:43:56 发布

阅读量1k

点赞数

分类专栏： .Net Javascript 文章标签： asp.net function javascript server button border

本文链接：https://blog.csdn.net/liujw/article/details/1190349

版权

.Net 同时被 2 个专栏收录

19 篇文章 1 订阅

订阅专栏

Javascript

7 篇文章 0 订阅

订阅专栏

<input type="file" name="UploadFile" id="UploadFile" runat="server" οnkeypress="alert('不允许手工填写');window.event.returnValue=false;">
   <asp:Button id="btnUploadPic" runat="server" Text="上传图片"></asp:Button><br>
   <img src="../images/pic_Preview.GIF" id="fileChecker" alt="预览" border="0">
<SCRIPT LANGUAGE="JavaScript">
var oFileChecker = document.getElementById("fileChecker");
function changeSrc(filePicker)
{
    oFileChecker.src = filePicker.value;
}
oFileChecker.onreadystatechange = function ()
{
    if (oFileChecker.readyState == "complete")
    {
        detectPic();
    }
}
function detectPic()
{
    var limit = 50 * 1024;//限制图片50k
    var ImgWidth=oFileChecker.width;
    var ImgHeight=oFileChecker.height;
    if (oFileChecker.fileSize > limit)
    {
        alert("图片太大,超过50k");
        return false;
    }
    //if (ImgWidth>230)
    //{
    //   alert("图片宽度超过230px");
    //    return false;
    //}
    //if (ImgHeight>500)
    //{
    //    alert("图片高度超过500px");
    //    return false;
    //}
    return true;
}
function detect()
{
var uploadpic=document.getElementById("_ctl2_UploadFile").value.trim();
if(document.getElementById("_ctl2_UploadFile").value.length<=0)
{
  alert('请先选择图片');
  return false;
}
if(!detectPic())
  return false;
return true;
}