js控制上传文件大小
2008-11-18 16:10
281 查看
在html标签中有一个不为一般开发人员“深”知的img标签,先来说下他有的属性:src,dynsrc,start,alt,controls,loop,loopdelay,hspace,vspace....还有一些常用的属性就不列出来了,在这里我们说一下"dynsrc"这个属性:dynsrc可以用来插入各种多媒体,格式可以是Wav、Avi、AIFF、AU、MP3、Ra、Ram等等。url为音频或视频文件及其路径,可以是相对路径或绝对路径。
示例:<img dynsrc="xxxx.mp3">
这样我们就可以根据dynsrc动态赋值任何类型文件的路径,在javascript中根据Image对象本身的fileSize属性来得到文件的大小。当然Image对象还有其他的几个属性,例如:fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters... , 代码如下:
Javascript代码
<script type="text/javascript">
function getFileSize(filePath)
{
var image=new Image();
image.dynsrc=filePath;
alert(image.fileSize);
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">
</body>
<script type="text/javascript">
function getFileSize(filePath)
{
var image=new Image();
image.dynsrc=filePath;
alert(image.fileSize);
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">
</body>
文章来自中国建站:http://www.jz123.cn/text/141767.html
示例:<img dynsrc="xxxx.mp3">
这样我们就可以根据dynsrc动态赋值任何类型文件的路径,在javascript中根据Image对象本身的fileSize属性来得到文件的大小。当然Image对象还有其他的几个属性,例如:fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters... , 代码如下:
Javascript代码
<script type="text/javascript">
function getFileSize(filePath)
{
var image=new Image();
image.dynsrc=filePath;
alert(image.fileSize);
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">
</body>
<script type="text/javascript">
function getFileSize(filePath)
{
var image=new Image();
image.dynsrc=filePath;
alert(image.fileSize);
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">
</body>
文章来自中国建站:http://www.jz123.cn/text/141767.html
相关文章推荐
- js 控制 上传文件的大小和类型
- JS控制上传文件大小
- js提交form表单 - input file 文件上传控制上传文件的大小和格式
- html5中的input(type="file")的multiple属性,实现多文件上传,并用js控制文件大小,数量
- js控制上传文件大小
- js提交form表单 - input file 文件上传控制上传文件的大小和格式
- js 控制上传文件大小
- js控制上传文件大小
- input file 文件上传,js控制上传文件的大小和格式
- JS判断、控制文件上传的类型
- nginx+php上传文件大小控制(500 internal server error)
- Struts2文件上传大小控制与提示
- Javascript 怎样控制上传文件大小
- js获取上传文件大小,兼容ie,FireFox,Chrome
- 【转】PHP上传文件类型彻底判断方案及PHP+nginx上传大小彻底控制方案
- 实现struts2文件上传的类型限定以及文件大小控制
- IE+JS: 上传之前检测图片文件大小
- JS前端获取上传文件的大小的方法
- 使用JS判断上传文件大小
- 对象化JS之----文件上传客户端控制脚本