【问题标题】:Wordpress photo upload errorWordPress照片上传错误
【发布时间】:2012-12-02 03:35:24
【问题描述】:

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

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

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

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

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

谢谢!!

【问题讨论】:

    标签: html css wordpress internet-explorer file-upload


    【解决方案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();
        });
    });
    

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

    【讨论】:

    • 函数不适用于 IE8。它不发布图片意味着图片不会被上传。
    猜你喜欢
    • 2011-10-13
    • 2012-03-30
    • 2012-05-28
    • 1970-01-01
    • 2013-09-02
    • 2013-06-01
    • 2016-11-21
    • 2014-02-02
    • 1970-01-01
    相关资源
    最近更新 更多