<label>按钮不适用于CHROME </label>中的input type = file

Question

所以我有这段代码：

echo "<label for=\"uploadImg\">";
echo "<input type=\"button\" id=\"uploadButton\" value=\"Replace Image\">";
echo "</label>";
echo "<input type=\"file\" name=\"fileToUpload\" id=\"uploadImg\" />";

它的css：

    .editBox input[type=file]
    {
        display: none;
    }
    #uploadButton
    {
        float: left;
        margin: 10px 0 0 30px;
        border: 1px solid rgba(0, 0, 0, 0.3);
    }

该按钮在Firefox中正常运行，但在Chrome中无法正常工作。如果我用文本替换按钮（让我们说出＆＃34;上传＆＃34;），它会立即触发input = file。

任何想法我做错了什么？谢谢。

Answer 1

我认为你正在寻找提交：

echo "<label for=\"uploadImg\"></label>";
echo "<input type=\"file\" name=\"fileToUpload\" id=\"uploadImg\" />";
echo "<input type=\"submit\" id=\"uploadButton\" value=\"Replace Image\">";