java ajax多文件上传插件_Ajax Upload多文件上传插件翻译及中文演示

一、以下为项目主页正文翻译(包括代码注释的翻译)：

1、Ajax Upload上传插件

浏览器迫使我们使用文件输入控件()做上传，然而此控件的样式是不能修改的。此外，基于表单上传在流行的Ajax应用程序面前显得过时了。我们可以使用flash解决这个问题，但实际上JavaScript也能做的很出色。

Ajax Upload文件上传插件允许你上传多个插件而无需刷新页面，可以使用任何的元素来显示文件选择窗口。它可以在所有主流的浏览器下工作，从2.0版本开始，不需要任何库运行。Ajax Upload文件上传插件不会污染任何命名空间，所以它与jQuery，Prototypejs，mootools其他JavaScript库兼容。

Demo实例

下面是一个在jQuery下使用Ajax Upload插件的实例。

下载

版本3.6 发布于2009-03-10

问题，贡献和最新版本

该项目最近已经移到了GitHub，欢迎您去折腾它。也更愿意您使用“问题跟踪(issue tracker)”留下意见，错误报告和要求。您必须先要在GitHub上注册才行。

2、如何去使用它？

创建上载

首先，您需要创建一个按钮。(可以使用任意的元素)

上传

接下来，您应该创建Ajax上传实例。您可以使用以下代码创建最简单的形式：

// 您必须在 DOM 准备好之后在创建它

//在jquery下使用 $(document).ready

// prototype下为document.observe("dom:loaded"

new AjaxUpload('upload_button_id', {action: 'upload.php'});

配置Ajax上传

new AjaxUpload('#upload_button_id', {

// 服务器端上传脚本

// 注意: 文件不允许上传到另外一个域上

action: 'upload.php',

// 文件上传的名字

name: 'userfile',

// 发送的附加数据

data: {

example_key1 : 'example_value',

example_key2 : 'example_value2'

},

// 筛选后提交文件

autoSubmit: true,

// 您希望从服务器返回的数据类型

// HTML (text) 和 XML 自动检测

//