js ajax上传文件详解

JavaScript010

js ajax上传文件详解,第1张

注意:

将enctype改为multipart/form-data,就可以将文件转成二进制

html

style

js

实际上AJAX本身是没办法上传文件的...一般上传都是用FOMR...来实现类似AJAX....

如果不用FORM用JS , 可以使用下面这几个工具:

WebUploader: http://fex.baidu.com/webuploader/

pluploader: http://www.plupload.com

首先需要在页面里引入jquery.js和ajaxupload.js

然后创建一个需要绑定上传事件的div

在js中初始化AjaxUpload对象

首先我们先来看下源码里的注释

上面的每个参数的注释都很简单易懂,这里我贴出一个实际的demo

这样就完成了的一个简单的初始化,下面我们来看下服务器端如何来接受,这里使用到的是java