|
|
|
|
|
webpackJsonp([16],{2594:function(e,n,t){"use strict";var a=t(0),r=t.n(a),o=t(26),i=t.n(o),c=t(305),s=t(8),l=function(e,n,t){return n&&p(e.prototype,n),t&&p(e,t),e};function p(e,n){for(var t=0;t<n.length;t++){var a=n[t];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}var u="changeHeaderPic",f=(function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(d,a.Component),l(d,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){this.state.course_lists;var e=this.props,n=(e.moduleName,e.current_user),t=n?Object(s.N)()+"/images/"+n.image_url:"";return r.a.createElement(c.a,Object.assign({ref:"modalWrapper",title:"上传头像"},this.props,{onOk:this.onOk,okText:"保存",width:552,className:"changeHeaderModal"}),r.a.createElement("style",null,"\n #changeHeader_imagePreview {\n overflow: hidden;\n background-color: #fff;\n border-radius: 50%;\n text-align: center;\n width: 120px;\n height: 120px;\n /* border: 1px solid #eee; */\n }\n .previewWrap {\n flex-direction: column;\n justify-content: space-between;\n height: 320px;\n align-items: center;\n margin-left: 36px;\n }\n .changeHeaderModal .tip {\n color: #9B9B9B;\n margin-top: 4px;\n }\n .changeHeaderModal .cropperWrap .tip {\n display: inline-block;\n }\n .previewWrap .tip {\n text-align: center;\n margin-top: 4px;\n }\n #uploadBtn {\n color: #4CACFF;\n border: 1px solid #4CACFF;\n padding: 2px 18px;\n cursor: pointer;\n }\n "),r.a.createElement("div",{className:"df"},r.a.createElement("div",{className:"cropperWrap"},r.a.createElement(s.h,{imageSrc:"",initPreviewUrl:t,ref:"cropper",imageId:u,previewId:"changeHeader_imagePreview",width:320,height:320}),r.a.createElement("span",{className:"tip"},"仅支持JPG、GIF、PNG，且文件小于2M")),r.a.createElement("div",{className:"df previewWrap",style:{flexDirection:"column"}},r.a.createElement("div",null,r.a.createElement("div",{id:"changeHeader_imagePreview"},t&&r.a.createElement("img",{src:t})),r.a.createElement("div",{className:"tip"},"头像预览")),r.a.createElement("label",{id:"uploadBtn",for:"inputImage"},r.a.createElement("input",{type:"file",class:"sr-only",id:"inputImage",name:"file",accept:"image/*"}),"点击上传"))))}}]),d);function d(e){!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,d);var a=function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(d.__proto__||Object.getPrototypeOf(d)).call(this,e));return a.init=function(){var r=document.getElementById("inputImage"),o=a;r.onchange=function(){var n,e=this.files;if(e&&e.length)if(n=e[0],/^image\/\w+/.test(n.type)){if(2097152<n.size)return void(this.props.showNotification&&this.props.showNotification("仅支持文件大小小于2M的文件"));n.type,n.name;var t=document.getElementById(u),a=new FileReader;a.readAsBinaryString(n),a.onload=function(){var e=btoa(a.result);t.src="data:"+n.type+";base64,"+e,o.fileUploaded=!0,o.refs.cropper.renew(t),r.value=null},a.onerror=function(){}}else this.props.showNotification&&this.props.showNotification("请选择一个图片格式的文件")}},a.setVisible=function(e){a.refs.modalWrapper.setVisible(e),e&&(a.fileUploaded=!1,setTimeout(function(){a.init()},500))},a.onSendOk=function(){},a.onOk=function(){if(1==a.fil
|
