js获取inputtype=file选择的⽂件⼤⼩、⽂件名称、上次修改时
间、类型等信息
⽂件名的传递 ---全路径获取
$('#file').change(function(){
$('#em').text($('#file').val());
});
⽂件名的传递 ---只获取⽂件名
var file = $('#file'),
aim = $('#em');
<('change', function( e ){
//e.currentTarget.files 是⼀个数组，如果⽀持多个⽂件，则需要遍历
var name = e.currentTarget.files[0].name;
<( name );
});
获取input type="file" 选择的⽂件⼤⼩、⽂件名称、上次修改时间、类型等信息（*多个⽂件会存储在files数组中）
1 <html xmlns="/1999/xhtml">
2 <head runat="server">
3    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4    <title></title>
5 </head>
6 <body>
7    <form id="form1" runat="server">
8        <div>
9            <input type="file" name="f" id="f" />
10            <input type="button" name="aa" id="aa" value="测试" onclick="javascript: _s();" />
11        </div>
12    </form>
13 </body>
14 </html>
15 <script type="text/javascript">
16function _s() {
17var f = ElementById("f").files;
18//上次修改时间
19        alert(f[0].lastModifiedDate);
20//名称
21        alert(f[0].name);
22//⼤⼩字节
23        alert(f[0].size);
24//类型
25        alert(f[0].type);
26    }
27 </script>
28
29
30判断⽂件类型
31var type=(src.substr(src.lastIndexOf("."))).toLowerCase();
32if(type!=".jpg"&&type!=".gif"&&type!=".jpeg"&& type!=".png"){html input type属性
33 alert("您上传图⽚的类型不符合(.jpg|.jpeg|.gif|.png)！");
34return false;
35 }
利⽤image属性来获取input file⾥⽂件的⼤⼩：
<script type="text/javascript">
function getFilePath(filePath)
{
var image=new Image();
image.dynsrc=filePath;
alert(image.filePath);
}
</</SPAN>script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this)">
</</SPAN>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>
*ps：下⾯主要谈谈另⼀种⽅式，在html标签中有⼀个不为⼀般开发⼈员“深”知得img标签，先来说下它有得属性：
src，dynsrc，start，alt，controls，loop，loopdelay，hspace，还有⼀些常⽤得属性就不列出来了，在这⾥我们说⼀下"dynsrc"这个属性：dynsrc可以⽤来插⼊各种多媒体，格式可以是Wav、Avi、AIFF、AU、MP3、Ra、Ram等等。url为⾳频或视频⽂件及其路径，可以是相对路径或绝对路径.
这样我们就可以根据dynsrc动态赋值任何类型⽂件得路径，在javascript中根据Image对象本⾝得fileSize属性来得到⽂件得⼤⼩。当然Image 对象还有其它得⼏个属性，例如：fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。