我正在寻找创建一个按钮,单击该按钮会打开一个对话框窗口,他们在其中选择要上传的图像,然后一旦他们选择它并在对话框窗口中按确定,则上传开始(上传栏可选:))
最好是一个 jquery 插件,它可以修改标准 html 文件输入的功能......因为我已经使用它编写了代码。
我正在寻找创建一个按钮,单击该按钮会打开一个对话框窗口,他们在其中选择要上传的图像,然后一旦他们选择它并在对话框窗口中按确定,则上传开始(上传栏可选:))
最好是一个 jquery 插件,它可以修改标准 html 文件输入的功能......因为我已经使用它编写了代码。
JQuery 插件uploadify将使用进度条进行上传,并包括单个或多个文件上传的功能。
除了 SWFupload,还有其他基于 Flash 的解决方案。看看uploadify.com
这是一个jQuery插件。
使用 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>
这可能是您正在寻找的:
https://github.com/bencolon/file-uploader
该脚本支持上传多个文件,但它是一个选项。虽然 Uploadify 和 SWFUpload 都需要安装 Flash,但如果没有 Flash,则此插件。这可能是解决您的问题的最简单方法。有一些较小的插件可用,但它们往往不能在所有浏览器中很好地工作。