Question

我希望创建一个按钮，当点击它时会打开一个对话框窗口，在那里他们选择要上传的图像，然后一旦他们选择它并按下对话框窗口中的确定，上传开始（上传栏可选:)）

最好是一个jquery插件来修改标准html文件输入的功能......因为我已经用一个编写了代码。

Answer 1

SWFUpload能够做到这一点。它是一个基于Flash的上传组件，您可以使用JavaScript进行交互。

Demo

Answer 2

JQuery插件uploadify将上传一个进度条，并包含单个或多个文件上传功能。

Answer 3

除了SWFupload之外，还有其他基于闪存的解决方案。看看uploadify.com

这是一个jquery插件。

Answer 4

使用jquery和普通的html做一些欺骗。这是我在我的项目中使用上传一个文件（限于一个），只使用一个按钮而没有任何插件，虽然它的按钮需要样式。

HTML代码

<form method="get" action="somephp.php">
                <input type="file" id="upload" name="upload" style="width: 88px; opacity:0.0; filter:alpha(opacity=0); " onchange='uploadChange()'/>
                <input type="submit" name="submit" style="margin-left: -88px"/>
            </form>

jquery：

<script>
    function uploadChange(){
        $('input[type="submit"]').click();
    }
</script>

Answer 5

这可能就是你要找的东西：

https://github.com/bencolon/file-uploader

脚本支持上传多个文件，但这是一个选项。虽然Uploadify和SWFUpload都需要安装Flash，但这个插件如果没有Flash。这可能是解决问题的最简单方法。有较小的插件可用，但它们往往不能很好地适用于所有浏览器。

一键上传按钮

5 个答案: