Javascript 按“提交”时获取图像名称，但不上载图像

是否可以在按下submit后获取图像的名称？ 我有一个上传页面（.php文件），它使用一些javascript获取文件名，但一旦按下submit，它就不会保留文件名，我只会得到一个空的警告框。 按下submit键后，我希望javascript获取文件名，或者php获取文件名，以便将其保存到我的数据库中。这是我目前掌握的代码

?>
<script>
//get uploaded image name after submit pressed
$('#file-upload').ready(function(){
  var fu1 = document.getElementById("file-upload").value;
  fName = fu1.split("\\").pop();
  alert(fName);
})
</script>
<?php

？>
//按“提交”后获取上载的图像名称
$（'#文件上载'）.ready（函数（）{
var fu1=document.getElementById（“文件上载”）.value；
fName=fu1.split（“\\”）.pop（）；
警报（fName）；
})
这里没有足够的代码来确定发生了什么。按下“提交”按钮（我们也看不到）后，您如何处理
fname
？您还说您显示的代码中的
alert（fName）
是空的吗？因为这是一个警报，但在提交后似乎不会出现，但您尚未显示任何其他警报。所以有点混乱。请向我们展示足够的JavaScript和PHP代码，以便我们能够理解您的流程，并准确地知道问题发生的位置。谢谢。现在一切正常，我使用localStorage.setItem（）和localStorage.getItem（）获得了文件名。现在唯一的问题是javascript有变量而不是php，但这需要我提出另一个问题。在我进一步研究之前，我会做一些研究。thnkxBroadly，如果您想将数据发送到服务器（从而发送到PHP），则必须发出HTTP请求。在浏览器中，有3种标准方法可以做到这一点：1）提交表单，2）导航到新URL（并传递查询字符串值），3）发出AJAX请求。你可以用其中任何一个。如果需要，它们都可以通过JavaScript启动。方法1和2刷新整个页面（和/或随后加载不同的页面），而方法3允许浏览器停留在同一页面上，只向服务器发送单独的请求。在这种情况下，您需要选项1或3。但我不能告诉你该用哪一个。这取决于你下一步想做什么，和/或你想创造什么样的用户体验。不，不要担心，如果你上传图像，它也会上传名称。默认行为是上传图像，如果它是表单的一部分，这里没有足够的代码来确定发生了什么。按下“提交”按钮（我们也看不到）后，您如何处理
fname
？您还说您显示的代码中的
alert（fName）
是空的吗？因为这是一个警报，但在提交后似乎不会出现，但您尚未显示任何其他警报。所以有点混乱。请向我们展示足够的JavaScript和PHP代码，以便我们能够理解您的流程，并准确地知道问题发生的位置。谢谢。现在一切正常，我使用localStorage.setItem（）和localStorage.getItem（）获得了文件名。现在唯一的问题是javascript有变量而不是php，但这需要我提出另一个问题。在我进一步研究之前，我会做一些研究。thnkxBroadly，如果您想将数据发送到服务器（从而发送到PHP），则必须发出HTTP请求。在浏览器中，有3种标准方法可以做到这一点：1）提交表单，2）导航到新URL（并传递查询字符串值），3）发出AJAX请求。你可以用其中任何一个。如果需要，它们都可以通过JavaScript启动。方法1和2刷新整个页面（和/或随后加载不同的页面），而方法3允许浏览器停留在同一页面上，只向服务器发送单独的请求。在这种情况下，您需要选项1或3。但我不能告诉你该用哪一个。这取决于你下一步想做什么，和/或你想创造什么样的用户体验。不，不要担心，如果你上传图像，它也会上传名称。默认行为是上传图像，如果它是表单的一部分。