上传文件 - 自定义Html

Question

点击“上传”按钮后，如何浏览文件？

我需要创建隐藏文件输入吗？

更多解释：

我无法编辑我的html表单的输入类型文件的CSS。所以在每个浏览器中我都有不同的布局。我不想要它。我想自定义表单。

我创建了一个按钮。当我点击按钮时，我想出现文件选择屏幕。 当我选择文件并按ok时，我想将文件的路径字符串放在我创建的输入中。

Answer 1

您能提供更多信息吗？您需要使用file html表单元素。

file元素可让您自然地浏览本地文档。

要处理文件附件，您需要了解php

等编程语言

Answer 2

我用这段代码解决了我的问题：

<div class="input-append">
    <label for="showpath">File Upload:</label>
    <input id="showpath" type="text" onclick ="javascript:document.getElementById('CommentFile').click();"/>
    <button type="button" onclick ="javascript:document.getElementById('CommentFile').click();"></button>
    <input type="file" name="data[Comment][file]" id="CommentFile" style='visibility: hidden;' onchange="updateInput(this.value,'showpath')"/>
</div>

Answer 3

<input type='file' />

w3schools的更多信息。