Javascript 用户对参考文件的输入不'；无法在Apache服务器上工作

我制作了一个网页，接收用户输入并将其附加到文件路径，以更新页面上的图像。当我在Chrome中以普通文件的形式打开.html文件时，搜索栏/按钮起作用，但当我将文件复制到Apache/www文件夹并通过localhost打开它时，它不起作用。我已经确定这不是一个JS问题，所以这可能是一个权限问题，或者Apache没有像我自己打开文件时那样更新页面？这与其说是语法问题，不如说是一个概念问题，但如果这有帮助的话，我可以上传代码

重要部分包括：

<script>
function updatemap (){
   document.getElementById('floormap').src = "file://C:/wamp64/www/Floormaps/" 
   + encodeURIComponent(document.getElementById('textInput').value) + ".jpg";
    }
</script>

<script>
document.getElementById("textInput")
    .addEventListener("keypress", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("searcher").click();
    }
});
</script>

<input id="textInput" type="text" 
    onkeydown = "if (event.keyCode == 13)
        document.getElementById('searcher').click()">

<button id="searcher" onclick="updatemap()">Search</button>

<img id="floormap" src="" 
alt="Map" 
style="width:65%; height:65%;">
</img>

函数updatemap（）{
document.getElementById（'floormap'）.src=“file://C:/wamp64/www/Floormaps/”
+encodeURIComponent（document.getElementById（'textInput'）.value）+“.jpg”；
}
document.getElementById（“textInput”）
.addEventListener（“按键”，功能（事件）{
event.preventDefault（）；
如果（event.keyCode===13）{
document.getElementById（“搜索器”）。单击（）；
}
});
搜寻

对我来说，这听起来不像是html/js问题，而是一个普通的apache设置问题。仔细检查apache是否正在运行，它服务于哪个目录，访问日志中是否有任何行。。。或者只是搜索“apache安装程序{YOUR_OS}”，找到相应的教程以使其正确运行。当然，我会将此标记为已解决。问题是我试图使用HTML表单，但我应该使用PHP表单来获取用户对POST的输入，等等。此外，我将文件保存为.HTML，而我应该将其保存为.PHP。不要将您的帖子标题标记为已解决。如果您已经找到了答案，请将其添加为答案（不在您的问题中）。