html - Wordpress 照片上传错误

Question

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

为了改进 CSS，我在我的 html 上添加了两个按钮。一个输入类型为文件，另一个输入类型为按钮。通过设置不透明度 0 和顶部的输入类型按钮来隐藏输入类型文件。当我点击按钮时，我设置了 onclick 事件，该事件触发弹出图片 uploader 的浏览按钮的点击事件。

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

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

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

谢谢!!

Answer 1

即使输入的不透明度为 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();
    });
});

现在您可以随心所欲地设计按钮的样式了!