利用FileReader获取mp3音乐长度

 代码如下 复制代码

<!doctype html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Image preview example</title>
<script type="text/javascript">
oFReader = new FileReader(), rFilter = /^(image/bmp|image/cis-cod|image/gif|image/ief|image/jpeg|image/jpeg|image/jpeg|image/pipeg|image/png|image/svg+xml|image/tiff|image/x-cmu-raster|image/x-cmx|image/x-icon|image/x-portable-anymap|image/x-portable-bitmap|image/x-portable-graymap|image/x-portable-pixmap|image/x-rgb|image/x-xbitmap|image/x-xpixmap|image/x-xwindowdump)$/i;

oFReader.onload = function (oFREvent) {
  document.getElementById("uploadPreview").src = oFREvent.target.result;
};

function loadImageFile() {
  if (document.getElementById("uploadImage").files.length === 0) { return; }
  var oFile = document.getElementById("uploadImage").files[0];
  if (!rFilter.test(oFile.type)) { alert("You must select a valid image file!"); return; }
  oFReader.readAsDataURL(oFile);
}
</script>
</head>

<body onload="loadImageFile();">
<form name="uploadForm">
<table>
<tbody>
<tr>
<td><img id="uploadPreview" style="width: 100px; height: 100px;" src="data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%3F%3E%0A%3Csvg%20width%3D%22153%22%20height%3D%22153%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%3Cg%3E%0A%20%20%3Ctitle%3ENo%20image%3C/title%3E%0A%20%20%3Crect%20id%3D%22externRect%22%20height%3D%22150%22%20width%3D%22150%22%20y%3D%221.5%22%20x%3D%221.500024%22%20stroke-width%3D%223%22%20stroke%3D%22%23666666%22%20fill%3D%22%23e1e1e1%22/%3E%0A%20%20%3Ctext%20transform%3D%22matrix%286.66667%2C%200%2C%200%2C%206.66667%2C%20-960.5%2C%20-1099.33%29%22%20xml%3Aspace%3D%22preserve%22%20text-anchor%3D%22middle%22%20font-family%3D%22Fantasy%22%20font-size%3D%2214%22%20id%3D%22questionMark%22%20y%3D%22181.249569%22%20x%3D%22155.549819%22%20stroke-width%3D%220%22%20stroke%3D%22%23666666%22%20fill%3D%22%23000000%22%3E%3F%3C/text%3E%0A%20%3C/g%3E%0A%3C/svg%3E" alt="Image preview" /></td>
<td><input id="uploadImage" type="file" name="myPhoto" onchange="loadImageFile();" /></td>
</tr>
</tbody>
</table>
<p><input type="submit" value="Send" /></p>
</form>
</body>
</html>

更多详细内容参考

ps://developer.mozilla.org/en/DOM/FileReader">https://developer.mozilla.org/en/DOM/FileReader

时间: 2024-12-14 12:45:44

利用FileReader获取mp3音乐长度的相关文章

音频-利用libmad怎么解得MP3音乐文件的时长?

问题描述 利用libmad怎么解得MP3音乐文件的时长? 我现在想在android项目中利用libmad对MP3文件进行解码,请问有人用过这个吗?如何解得MP3音乐文件的时长? 解决方案 http://blog.csdn.net/ahyswang/article/details/7748344

编写Python脚本来获取mp3文件tag信息的教程

  这篇文章主要介绍了编写Python脚本来获取mp3文件tag信息的教程,代码基于Python2.x,文中的注释很详细,需要的朋友可以参考下 下面利用一个python的实例程序,来学习python.这个程序的目的就是分析出所有MP3文件的Tag信息并输出. import os # 导入os模块,提供文件路径,列出文件等方法 import sys # 导入sys模块,使用sys.modules获取模块中的所有内容,类似反射的功能 from UserDict import UserDict # 这

亚马逊挑战iTunes 针苹果产品推出MP3音乐商店

中介交易 SEO诊断 淘宝客 云主机 技术大厅 亚马逊针对iPhone等苹果产品推MP3音乐商店(腾讯科技配图) 腾讯科技讯(林靖东)北京时间1月18日消息,据国外媒体报道,亚马逊今日宣布推出了专门针对iPhone和iPod touch的HTML5 MP3网络商店,通过一个特殊格式的移动网站提供了2200万首歌曲. 亚马逊表示,它的MP3网络商店可以在苹果Safari移动浏览器上无缝运行,还提供了个性化建议.销量排行榜和亚马逊收费标准等内容. 用户购买音乐时,他们将被自动转移到他们的亚马逊Clo

ASP.NET利用webclient获取页面源代码的解决方

asp.net|client|web|解决|页面|源代码 页面中包括DataGrid时,利用webclient获取页面源代码的解决方    主要问题,利用webclent获取页面源代码时,当页面中含有datagrid,并且该控件使用了自带的分页功能时,正常的方法只能获取第一页面的数据,其它页面的数据取不到,以下是解决方法. 方法一: 主要思路是利用webclient,post数据到服务来取得数据,这里主要用了一个小工具可以分析页面的组成及运行过程,分析中发现当点击下一页时,会Post三个参数过去

Flash动画中利用as实现对音乐的控制

flash动画|控制 如何利用as实现对音乐的控制? 解决思路 利用帧标签,通过按钮的跳转来实现对音乐的开关控制. 具体步骤 1.首先在场景的第1帧添加as: ss=new Sound();       ss.attachSound("sound"); ss.start();  这是绑定声音命令,我们在前面已经向大家介绍了. 2.然后在停止按钮上加命令: on (release) {     gotoAndStop("Off");  //切换影帧到off帧标签   

php获取字符串的长度及截取字符串

三.获取字符串的长度:strlen()函数 语法: int strlen(string str); 例: <?php echo strlen("www.bianceng.cn");?> 四.截取字符串:substr()函数 语法: substr(要截取的字符串,开始截取的位置,截取字符的个数) 例: <?php $a="www.bianceng.cn"; echo substr($a,13,2); //输出 cn?> 以上是小编为您精心准备的

Android中获取屏幕的长度和宽度

android中获取屏幕的长度和宽度,参考了网上有很多代码,但结果与实际不符,如我的手机是i9000,屏幕大小是480*800px,得 到的结果却为320*533 结果很不靠谱,于是自己写了几行代码,亲测一下 测试参数: 测试环境: i9000( 三星) 物理屏幕:480*800px density :1.5 测试代码: // 获取屏幕密度(方法1) int screenWidth = getWindowManager().getDefaultDisplay().getWidth(); // 屏

python获取mp3文件信息的方法

  本文实例讲述了python获取mp3文件信息的方法.分享给大家供大家参考.具体如下: 将代码生成.py文件放在目录下运行,可以获取该目录的所有mp3文件的信息,需要使用ID3库 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 import os, sys from ID3 import * files = os.listdir(os.getcwd()) for f in files: x = os.path.splitext(f) if x[1] == '.mp3':

win7系统MP3音乐导入到U盘提示磁盘被写保护怎么办?

win7系统MP3音乐导入到U盘提示磁盘被写保护怎么办?          1.按下"Win+R"呼出运行,在框内输入"regedit",然后按下回车键; 2.在注册表中依次展开"HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlStorageDevicePolicies"; 3.然后在注册表右侧双击打开"WriteProtect"的编辑页面,将键值修改为"0"