推荐一下这个AJAX Upload,基于JQuery,方便快捷,是居家旅行、杀人放火之利器。
用法:
new AjaxUpload(‘upload_button_id’, {action: ‘upload.php’});
前一参数是相应事件的页面元素ID,任何元素都可以,后一个参数是执行上传的URL。
new AjaxUpload(‘#upload_button_id’, {
// 执行上传文件的URL
action: ‘upload.php’,
// 对应传统的input file的名称
name: ‘userfile’,
// 其它要同时post的数据
data: {
example_key1 : ‘example_value’,
example_key2 : ‘example_value2’
},
// 选择文件后自动上传
autoSubmit: true,
// 文件被选择后触发
// Useful when autoSubmit is disabled
// You can return false to cancel upload
// @param file basename of uploaded file
// @param extension of that file
onChange: function(file, extension){},
// 文件被上传完成前触发
// You can return false to cancel upload
// @param file basename of uploaded file
// @param extension of that file
onSubmit: function(file, extension) {},
// 文件上传完成后触发
// @param file basename of uploaded file
// @param response server response
onComplete: function(file, response) {}
});
原理:
其实简单得要死,不过是偷偷的在背后生成一个iframe,构建一个表单,然后提交就是了。
基本上就这样了,细节自己去官网看吧。