获取文件上传控件的id答案

【问题标题】：Get id of file upload control获取文件上传控件的id
【发布时间】：2010-06-03 08:51:04
【问题描述】：

我正在尝试查找与正在上传的文件...

<input type="file" id="FUtxtval1" name="FUtxtval1"/>

【问题讨论】：

它是“FUtxtval1”。但无论如何你可能都知道，所以问个问题？
您正在尝试使用 PHP 或 JavaScript 获取 id？您是要获取 id 还是文件名？
我觉得这个问题是问上传文件的ID，不是实际控制的，而是完全取决于使用的脚本语言？ cs.tut.fi/~jkorpela/forms/file.html
我正在尝试在 Javascript 中获取 Id
这是在 ASP.NET 表单中吗？如果是这样，ID 可能会以包含对象的 ID 为前缀。在最近的 ASP.NET 表单中，有一些属性可以强制使用固定的、无前缀的 ID，或者您可以使控件 runat="server" 然后在页面类的同名属性上使用 .ClientID 来获取生成的 ID。

标签： file-upload

【解决方案1】：

遍历输入项以找到第一个文件输入字段：

function FindFirstFileFieldId()
{
    var inputFields = document.getElementsByTagName("input")
    for(var i=0;i<inputFields.length;i++)
    {
      if(inputFields[i].type=="file")
        return inputFields[i].id;
    }
}

【讨论】：

【解决方案2】：

元素的ID只是“FUtxtval1”（ID标签中的任何内容）

对于 JavaScript，您可以使用

访问它

var element = document.getElementById('FUtxtval1');

所以你可以做类似的事情

document.element.disabled=true;

对于 jQuery（也是 JavaScript），您可以使用

$('#FUtxtval1').whatever

对于 PHP，你会使用

$_POST['FUtxtval1']

假设这是表单的一部分

对于 PHP，如果您确实想要使用句柄的文件

$_FILES['FUtxtval1']['whateverwanted'];

见http://www.tizag.com/phpT/fileupload.php

【讨论】：

【解决方案3】：

如果问题是表单上可能有很多input 标签，并且您有兴趣发现哪个标签专门用于上传文件，那么这段 jQuery 代码可以完成：

var id = $('input[type=file]').attr('id');

如果问题是你知道元素的ID但不知道字段的名字，你可以使用：

var name = $('#FUtxtval1').attr('name');

如果您希望通过 JavaScript 找出访问者在该字段中选择的文件的文件名，那么您将陷入困境。 JavaScript 无法访问该信息。您必须提交表单并让服务器端脚本在那时确定文件名。

【讨论】：

【解决方案4】：

如果我理解正确，您是在尝试使用 javascript 获取上传文件的 id 吗？如果是这样，您必须使用 php ($_FILES['FUtxtval1']) 处理上传的文件，然后将 id 打印到 javascript 变量中。

这是你想要的吗？

如果没有，请更新您的 q 以提供有关您要实现的目标的更多信息。

【讨论】：