Question

使用表单代码在php中上传文件，请参阅代码：

<html>
<body>

<form action="ok.php" method="get">
Name: <input type="ghf" name="str"><br>

<input type="submit">
</form>


</body>
</html>

检查图片：

enter image description here

但是我们在不同的浏览器中打开这个表单，它表示在Firefox中浏览并在Chrome中选择文件（参考图像，顶部是chrome，第二个是firefox）问题是我想更改此选择文件的名称或浏览，是否可以？如果是，如何？

Answer 1

试试这个

<!DOCTYPE html>
<html>
<body>

<form action="upload.php" method="post" enctype="multipart/form-data">
    Select file to upload:
    <img src="/images/uploadButton.png" id="upfile1" style="cursor:pointer" />
    <input type="file" id="file1"  name="file1" style="display:none" />
    <input type="submit" value="Upload File" name="submit">
</form>
<!--Load jQuery from Google Libraries-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
    //Using jQuery
    $("#upfile1").click(function () {
        $("#file1").trigger('click');
    });
</script>

</body>
</html>

Answer 2

input[type=file]是本机浏览器对象，无法在其中更改。

您可以尝试做的是创建自定义包装器。

Answer 3

文件类型字段的外观因浏览器不同而不同。

chrome的默认行为不会显示文件类型字段的文本框和按钮。

您可以参考此link寻求解决方案。

Answer 4

这些是按提交按钮的默认按钮样式。

您可以通过添加以下内容进行编辑：

Value属性用于定义按钮的名称。

http://www.w3schools.com/tags/att_input_value.asp

在html问题中上传表单

4 个答案: