baige统一图片上传

1.前端文件

    
通过button_placeholder_id:"upload"关联a标签上传 //指定一个dom元素的id,该dom元素在swfupload实例化后会被Flash按 钮代替,这个dom元素相当于一个占位符 var uploadAvatar = new ksFileUpload({ //swfupload.swf文件的绝对或相对地址,相对地址是指相对于当前的页面地址。实例化swfupload后,就不能再改变该属性的值了。 flashUrl: "/static/js/upload/swfupload.swf", //处理上传文件的服务器端页面的url地址,可以是绝对地址,也可以是相对地址,当为相对地址时相对的是当前代码所在的文档地址 upload_url : "params['apiUrl'];?>/site/upload", // file_post_name : "file", //一个对象直接量,里面的键/值对会随着每一个文件一起上传,文件上传要附加一些信息时很有用 post_params : {type: "picture"}, //该属性指定了允许上传的文件类型,当有多个类型时使用分号隔开 file_types : ["jpg", "jpeg", "png"], //指定要上传的文件的最大体积,可以带单位,合法的单位有:B、KB、MB、GB,如果省略了单位,则默认为KB。该属性为0时,表示不限制文件的大小 file_size_limit : "5MB", //是否选中后自动上传 auto_upload: true, //指定一个dom元素的id,该dom元素在swfupload实例化后会被Flash按钮代替,这个dom元素相当于一个占位符 button_placeholder_id: "upload", msg: { "-110": "上传的图片不能超过100M", "-130": "请上传jpg、jpeg、png格式的图片", "-140": "图片上传失败,请稍后重试", "-150": "请先选择图片" }, /** upload_start_handler: null, 文件开始上传事件,选填,默认为null * upload_progress_handler: null, 文件上传中进度事件,选填,默认为null * upload_error_handler: null, 文件上传出错事件,选填,默认为null * upload_success_handler: null, 文件上传成功事件,选填,默认为null * upload_complete_handler: null, 文件开始上传后事件,不论成功或者失败都会触发,选填,默认为null */ file_queue_error_handler: function(msg) { $("#img-upload-error").html(msg); }, upload_error_handler: function(msg) { $("#img-upload-error").html(msg); }, upload_success_handler: function(file, res) { if(res.code == 1) { var src = res.data.url + res.data.path; $("#Form_image").val(src); $("#show_image").attr("src", src); } else { $("#img-upload-error").html(res.msg); } } });

2.后台处理

请求路径:/site/upload  
核心方法:$res = (new hlp\Upload())->run();
$res = $isBase64 ? $this->uploadByBase64() : $this->uploadByFile();
//通过Base64编码方式上传或通过HTTP form multipart/form-data 方式上传

3.待看:使用一致性哈希实现Redis分布式部署
http://ju.outofmemory.cn/entry/152607

你可能感兴趣的:(baige统一图片上传)