Php 选择文件名时获取文件名

我创建了一个弹出窗口，您可以从中选择要上载的文件，其结构如下：

<div id = 'upload_container'>
    <span id = "close_btn">X</span>
    <!--Content-->
    <input type = 'file' id = 'upload_hidden' name = 'file_to_upload'>
    <p id = 'upload_container_text'>Choose a file to upload</p>
    <p id = 'file_name'><?php echo $file_name ?></p>
    <!-- // -->
</div>

在第一段中增加：

<p id = 'file_name'><?php echo $file_name ?></p>

但什么也没发生。有什么想法吗

---

谢谢。

要获取所选上载文件的文件名，请使用javascript。在我输入的文件上附加一个onchange侦听器，然后将文件名和输出添加到段落中

<input type='file' id='file' onchange='getFileData(this)'/>

<script>
function getFileData(object){
var file = object.files[0];
var name = file.name;//you can set the name to the paragraph id 
document.getElementById('file_name').value=name;//set name using core javascript

}

</script>

函数getFileData（对象）{
var file=object.files[0]；
var name=file.name；//您可以将名称设置为段落id
document.getElementById（'file_name'）。value=name；//使用核心javascript设置名称
}

要获取所选上载文件的文件名，请使用javascript。在我输入的文件上附加一个onchange侦听器，然后将文件名和输出添加到段落中

<input type='file' id='file' onchange='getFileData(this)'/>

<script>
function getFileData(object){
var file = object.files[0];
var name = file.name;//you can set the name to the paragraph id 
document.getElementById('file_name').value=name;//set name using core javascript

}

</script>

函数getFileData（对象）{
var file=object.files[0]；
var name=file.name；//您可以将名称设置为段落id
document.getElementById（'file_name'）。value=name；//使用核心javascript设置名称
}

对于隐藏的输入文件，您可以使用以下代码调用：

$('#upload_container_text').click(function(){
  $('#upload_hidden').trigger('click');
}

要通过客户端获取文件名，您可以尝试：

$('#upload_hidden').change(function(){
  var reader = new FileReader();
  reader.onload = function(e){
    $('#filename').text(e.name); // or you can pass this.files[0];
  }
  reader.readAsDataURL(this.files[0]);
  $(this).val(reader);
});

要通过服务器端获取文件名，请执行以下操作：

您可以将带有表单和atribute操作的文件名传递到url

使用$\u Get['you file']获取文件名

Echo$\u在p中获取['your file']，并使用id文件名 });

---

对于隐藏了输入文件的触发器，可以使用以下代码调用：

$('#upload_container_text').click(function(){
  $('#upload_hidden').trigger('click');
}

要通过客户端获取文件名，您可以尝试：

$('#upload_hidden').change(function(){
  var reader = new FileReader();
  reader.onload = function(e){
    $('#filename').text(e.name); // or you can pass this.files[0];
  }
  reader.readAsDataURL(this.files[0]);
  $(this).val(reader);
});

要通过服务器端获取文件名，请执行以下操作：

您可以将带有表单和atribute操作的文件名传递到url

使用$\u Get['you file']获取文件名

Echo$\u在p中获取['your file']，并使用id文件名 });

---

为此使用客户端。又名javascriptDo print_r（$_FILES）以查看其中包含的内容，以防激活页面实际上没有将其发送到php。然后还要检查您的“表单”标记是否具有相应的文件enctype:enctype='multipart/form data'“使用客户端进行此操作。AKA javascript”-我假设确实需要为此将文件上载到服务器，我们看到的只是问题的一部分。希望上传文件不是为了输出文件名？@Randall你说得对。这只是问题所在。请使用客户端进行此操作。又名javascriptDo print_r（$_FILES）以查看其中包含的内容，以防激活页面实际上没有将其发送到php。然后还要检查您的“表单”标记是否具有相应的文件enctype:enctype='multipart/form data'“使用客户端进行此操作。AKA javascript”-我假设确实需要为此将文件上载到服务器，我们看到的只是问题的一部分。希望上传文件不是为了输出文件名？@Randall你说得对。这只是问题所在。谢谢你的回答。。这真的很有帮助。我的快乐的朋友：）谢谢你的回答。。这真的很有帮助。我的快乐的朋友：）你的好，你的好。