上傳到自己

Question

我如何上傳文件並使用javascript獲取內容。例如，我想上傳一個mp3並將其播放到html5音頻標籤中，而不必在服務器上播放它。這可能嗎？

Answer 1

您可以使用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

Answer 2

上傳文件時，javascript無法（無插件支持）獲得文件訪問權限。要做你所要求的，你必須實際上傳文件到服務器，然後讓你的javascript成爲你的服務器的客戶端來檢索文件，然後播放它。