js控制上传文件大小

最新推荐文章于 2025-05-31 22:07:48 发布

hiperion

最新推荐文章于 2025-05-31 22:07:48 发布

阅读量3.3k

点赞数

分类专栏： JavaScript 文章标签： image javascript file function input avi

JavaScript 专栏收录该内容

44 篇文章

订阅专栏

本文详细介绍了HTML中img标签的dynsrc属性，该属性可用于动态加载多种格式的多媒体文件，如Wav、Avi等。通过示例展示了如何使用JavaScript结合Image对象获取文件大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在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>