<!DOCTYPE html>
<html>
<div class = "Top">
<center>
<h1>
Reaper MP3
</h1>
</center>
</div>

<div class = "Middle">
<center>
<input type = "file" webkitdirectory id = "In" oninput = "LoadFiles()" value = "">

<br>

<select id = "Sel" class = "S">
</select>
</center>
</div>

<div class = "Bottom">
<center>
<audio controls src = "" id = "Plyr">
</audio>
</center>
</div>

<style>
.Top {
width: 100%; height: 50px;
background: #FF0000;
}

.Middle {
width: 100%; height: 500px;
background: #990099;
}

.S {
width: 150px; height: 25px;
}

.Bottom {
width: 100%; height: 50px;
background: #FF0000;
}
</style>

<script>
var SelectFolder = document.getElementById("In");

var Player = document.getElementById("Plyr");
var Select = document.getElementById("Sel");

var DefaultFolder = "/This PC/Music";
var NewOption = document.createElement("option");
var Info = document.createTextNode("");
NewOption.appendChild(Info);

Select.appendChild(NewOption);

function LoadFiles() {

}
</script>
</html>


我正在尝试将其添加到文件夹中为每个文件选择的位置。在我的情况下,文件夹的路径为“ / This PC / Music”,然后将其移至音频src =所选文件/选项的位置。有谁知道我该怎么做?

最佳答案

Javascript通常无法从磁盘上的文件夹中读取。如果文件夹位于您的服务器上,则需要某种服务器端语言(例如PHP,ASP.NET / C#)来浏览文件夹并为您创建HTML标记。或者有一个Web服务将列表返回到您的javascript(通过Ajax),然后由javascript构建它-但这在这种情况下似乎是不必要的,除非还有更多内容

10-05 20:42
查看更多