html - HTML按钮提交在IE中不起作用

Question

我的 HTML 代码如下。

    <form action="index.php" method="post" enctype="multipart/form-data">
        <input type="text" name="file2" id="FileField" value="( .xls / .xlsx )" />
        <input type="file" id="file1" name="file1" style="visibility:hidden;width: 0" onchange="getElementById('FileField').value = this.value;" />
        <input type="button"  id ="browse" onclick="document.getElementById('file1').click()" />
        <input id="scan" type="submit" value="click" />
    </form>

当我点击 IE 中的“点击”按钮时，什么也没有发生。但是相同的代码在所有其他浏览器中都可以使用。

谢谢你。

Answer 1

我找到了以下解决方案：

HTML：

<input type="text" id="attachmentFileText" readonly="readonly" value="" />

<div style="overflow: hidden; vertical-align: middle; height: 20px; width: 72px; margin-right: 15px;" class="button" title="Select file">
    Browse
    <input type="file" name="attachmentFile" id="attachmentFile" size="1" style="margin-top: -50px; margin-left:-410px; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; font-size: 150px; height: 100px;" onchange="checkFileName();"/>
</div>

javascript:

function checkFileName() {
var fullPath = document.getElementById('attachmentFile').value;
var fileName = fullPath.split(/(\\|\/)/g).pop();
document.getElementById("attachmentFileText").value = fileName;

}

“INPUT”元素“attachmentFileText”将显示我们的文件名。“div”元素 - 它是我们要显示的按钮元素，而不是原始输入。