0
点赞
收藏
分享

微信扫一扫

js 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息

码农K 2021-09-30 阅读 116
Vue脚手架

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> 
举报

相关推荐

0 条评论