zoukankan      html  css  js  c++  java
  • 上传图片时获取所传图片大小

      在<head></head>之前写入以下Javascript代码:

     1        <script language=javascript>
     2        //上传4张图片,分别是4张图片的大小
     3        var FileSize = new Array(0000);
     4        //当前选择框的索引
     5        var FileIndex = 0;
     6        //选择文件后显示到Img中
     7        function ChangeSrc(hifilObj, Index)
     8        {
     9            document.all.imgBeforeUpload.src = hifilObj.value;
    10            FileIndex = Index;
    11        }

    12        //获得图片信息
    13        function GetSize()
    14        {
    15            FileSize[FileIndex] = document.all.imgBeforeUpload.fileSize;
    16        }

    17        //清零
    18        function SetSizeZero()
    19        {
    20            if(document.all.imgBeforeUpload.src == "")
    21                FileSize[FileIndex] = 0;
    22        }

    23        </script>
    24

      在<html></html>间定义一个Img:
    <img src="" id="imgBeforeUpload" onreadystatechange="GetSize()" onpropertychange="SetSizeZero()" style="DISPLAY:none">

      及4个文件选择控件:
    <INPUT class="text" type="file" id="hifil0" runat="server" onpropertychange="ChangeSrc(this, 0)">
    <INPUT class="text" type="file" id="hifil1" runat="server" onpropertychange="ChangeSrc(this, 1)">
    <INPUT class="text" type="file" id="hifil2" runat="server" onpropertychange="ChangeSrc(this, 2)">
    <INPUT class="text" type="file" id="hifil3" runat="server" onpropertychange="ChangeSrc(this, 3)">

      然后就可以在提交表单之前来判断FileSize的大小来控制大小了。
  • 相关阅读:
    数据结构第四篇——线性表的链式存储之双向链表
    基本概念之引用赋值需要注意什么?
    基本概念之将引用作为函数的参数有哪些特点?
    基本概念之什么是引用?
    基本概念之模板类有什么优势?
    我的第一篇博文
    为CentOS 6 配置本地YUM源
    为CentOS 6 配置本地YUM源
    poj 1990 MooFest
    [置顶] 学生信息管理系统“重复设置”问题
  • 原文地址:https://www.cnblogs.com/faib/p/661947.html
Copyright © 2011-2022 走看看