jquery juploader

jQuery jUploader是一个基于jQuery的文件上传插件，它的使用非常简单，只需要引入相关js和css文件即可开始使用。它支持大文件上传、断点续传、拖拽上传等功能，而且还可以自定义上传进度条样式。

 $(function() {
$('#juploader').jUploader({
url: 'upload.php', // 上传地址
fileSize: 1024 * 10, // 限制文件大小为10M
allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'], // 允许上传的文件类型
dragAndDrop: true, // 开启拖拽上传功能
onUploadProgress: function(percent) {
$('#progress').width(percent + '%');
},
onSubmit: function(file) {
$('#message').html('上传中...');
},
onComplete: function(file, response) {
$('#message').html(response);
},
onError: function(error) {
$('#message').html(error);
}
});
}); 

在上面的代码中，我们首先通过jQuery选择器选中一个id为"juploader"的DOM节点，并调用它的jUploader方法。该方法的参数接收一个对象，包含了所有的上传配置信息。例如，我们设定上传文件的限制大小为10M，允许上传的文件类型为jpg、jpeg、png、gif等。

在上传过程中，我们可以通过'onUploadProgress'事件获取上传进度百分比，并将其显示在一个进度条中。上传成功或失败后，我们也可以通过'onComplete'和'onError'事件来处理上传结果并给出相应的提示信息。

最后，我们需要注意的是，jQuery jUploader插件并不支持跨域上传，因此如果需要上传到其他域名的服务器，我们需要借助CORS或JSONP等技术来实现。

查看更多关于jquery juploader的详细内容...