【问题标题】:jQuery File Type Input Plugin needed需要 jQuery 文件类型输入插件
【发布时间】:2010-12-14 18:07:07
【问题描述】:

我希望将输入类型文件自定义为自定义浏览按钮。有谁知道我可以使用的任何好插件吗?

【问题讨论】:

    标签: jquery file-upload textinput


    【解决方案1】:

    由于浏览器的安全性,这是不可能的。您必须将输入元素与类型文件一起使用。我认为您可以将图像放在浏览器按钮的顶部以对其进行自定义,只要您确保单击事件已传递到文件输入。

    由于浏览器的安全性,您不能使用其他任何文件作为文件输入元素来访问客户端文件系统。您永远不会使用诸如 javascript 之类的脚本语言获得文件结构。即使您使用例如 javascript 检查 value 属性也不行。 value 属性只会返回文件名而不是路径。

    您可以尝试使用Uploadify jquery 插件来自定义按钮。但如果我没记错的话,这将适用于 Flash 文件。

    编辑:是的,检查过。 Uploadify 是可能的。您可以使用buttonImg 选项。

    $(document).ready(function() {
      $('#file_upload').uploadify({
        'uploader'  : '/uploadify/uploadify.swf',
        'script'    : '/uploadify/uploadify.php',
        'cancelImg' : '/uploadify/cancel.png',
        'folder'    : '/uploads',
        'buttonImg' : '/img/inputbutton.png',
        'auto'      : true
      });
    });
    

    【讨论】:

    • 我想要一个插件来修改文件输入元素本身
    • 没有用于修改输入元素本身的插件,因为它不可能由于浏览器限制。可以做的最好的事情是在视觉上隐藏的文件输入顶部放置一个样式元素。
    • @simshaun 哦,好的。有没有关于如何完成的教程。我有点困惑我如何使用 css 来做到这一点
    • 我建议查看这篇 quirksmode 文章:quirksmode.org/dom/inputfile.html
    • @simshaun 只是想粘贴那个:P
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-04-17
    • 1970-01-01
    • 2019-08-08
    • 1970-01-01
    • 1970-01-01
    • 2023-03-15
    • 2011-03-03
    相关资源
    最近更新 更多