PHP结合Plupload插件异步上传文件

1：下载 Plupload 插件，对此插件了解不是很深，直接看代码吧

2：引入plupload.js文件，具体看文档

var uploader = new plupload.Uploader({
runtimes: 'html5,flash,silverlight,html4',
browse_button: 'uploadFile',　　 //图片的id，设置过后直接点击图片即可选择更换
url: $('#uploadUrl').val(),　　　　//url地址
flash_swf_url: '/Public/static/plupload/Moxie.swf',
silverlight_xap_url: '/Public/static/plupload/Moxie.xap',
filters: {
max_file_size: '5000kb',
mime_types: [{title: "files", extensions: "png,jpg,gif"}]　　//指定图片类型
},
multi_selection: false,
init: {
FilesAdded: function(up, files) {
var index = layer.load(2, {
shade: [0.5,'#fff'] //0.1透明度的白色背景　　　　，这里是用的layer插件，不用可以删除，需要用，自行下载layer插件
});
uploader.start();　　　　　　//开始上传
},
FileUploaded: function(up, file, info) {
var data = eval("(" + info.response + ")");　　//上传成功
if(data.code==0){
layer.closeAll('loading');
$('#uploadFile').attr( 'src' , data.fileurl);　　//返回图片连接更换图片
}else{
layer.closeAll('loading');
layer.msg(data.msg,{icon:2});
}
},
Error: function(up, err) {
layer.closeAll('loading');
layer.msg(err.message,{icon:2});　　　　//上传失败
}
}
});
uploader.init();

 

当然后台还是需要写代码的：

后台获取到图片上传过后台返回json数据，直接替换图片