2010-03-26 34 views
2

我如何上传文件并使用javascript获取内容。例如,我想上传一个mp3并将其播放到html5音频标签中,而不必在服务器上播放它。这可能吗?上传到自己

+0

你的问题是混淆:你想“上传文件”,然后播放它“没有在服务器上”?首先你想在服务器上使用它,那么你不需要..? – kwah 2012-12-17 19:25:35

回答

2

您可以使用File API从JavaScript中读取本地文件。只有Firefox> = 3.6实现它我认为它仍然是一个工作草案。

演示(如果你试图在Firefox,它仅支持.wav和.OGG音频文件):

<input id="input" type="file"> 
<button onclick="play()">play</button> 
<script> 
    function play() { 
    var file = document.getElementById("input").files[0]; 
    var reader = new FileReader(); 
    reader.onload = function(e) { 
     var audio = new Audio(e.target.result); 
     audio.play(); 
    } 
    reader.readAsDataURL(file); 
    } 
</script> 

参见developer.mozilla.org/en/Using_files_from_web_applications

+0

谢谢!得到它的工作 – NebNeb 2010-03-27 17:17:05

1

上传文件时,javascript无法(无插件支持)获得文件访问权限。要做你所要求的,你必须实际上传文件到服务器,然后让你的javascript成为你的服务器的客户端来检索文件,然后播放它。

相关问题