美文网首页
js 获取input type="file" 选择的文件大小、文

js 获取input type="file" 选择的文件大小、文

作者: 陶菇凉 | 来源:发表于2021-06-29 09:14 被阅读0次

    1.html

    <input type="file" name="f" id="f" />  
    

    2.js

     <script type="text/javascript">  
         function _s() {  
             var f = document.getElementById("f").files;  
             //上次修改时间  
             alert(f[0].lastModifiedDate);  
            //名称  
             alert(f[0].name);  
            //大小 字节  
            alert(f[0].size);  
           //类型  
            alert(f[0].type);  
        }  
    判断文件类型
     var type=(src.substr(src.lastIndexOf("."))).toLowerCase();
     if(type!=".jpg"&&type!=".gif"&&type!=".jpeg"&& type!=".png"){
         alert("您上传图片的类型不符合(.jpg|.jpeg|.gif|.png)!");
         return false;
     }
     </script>
    

    3.利用image属性来获取input file里文件的大小:

    <body> 
    <input type="file" name="file" size="30" onchange="getFileSize(this)"> 
    </body> 
    <script type="text/javascript">
    function getFileSize(fileObj)
    {
    var image=new Image();
    image.dynsrc=fileObj.value;
    alert(image.fileSize || fileObj.files[0].fileSize);
    }
    <script>
    <body>
    <input type="file" name="file" size="30" onchange="getFileSize(this.value)">
    <body>
    <script type="text/javascript"> 
    function getFilePath(filePath) {
        var image=new Image();
        image.dynsrc=filePath;
        alert(image.filePath);
    }
    </script> 
    

    相关文章

      网友评论

          本文标题:js 获取input type="file" 选择的文件大小、文

          本文链接:https://www.haomeiwen.com/subject/xwwyyltx.html