mui对接php的upload_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数据，直接替换图片