html - WordPress照片上传错误

Question

我的网站上有单个文件上传功能。

为了改进 CSS，我在我的 html 上添加了两个按钮。一个输入类型为文件，另一个为按钮。通过设置 opacity 0 和顶部的输入类型按钮隐藏输入类型文件。当我单击按钮时，我设置了 onclick 事件，该事件触发了弹出图像上传器的浏览按钮的单击事件。

当我选择图像并提交表单时，我的 $_POST 中没有任何文件详细信息。

为什么我这样做，因为输入类型文件带有一个文本框和一个按钮在它的右上角。要打开弹出窗口，用户可以单击按钮或双击文本框。我想避免双击。

任何更好的解决方案将不胜感激。

谢谢！！

score 0 · Accepted Answer

即使输入的透明度为 0，我们也可以点击！

在您的 html 中：

<input type="file" style="visibility:hidden;" id="uploadme" />  
<input type="button" id="clickme" value="Upload Stuff!" />

js：

$(function(){
    $('#clickme').click(function(){
        $('#uploadme').click();
    });
});

现在您可以按照自己的方式设置按钮的样式了！

1 回答 1