|
|
|
|
|
webpackJsonp([19],{2777:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(17),i=n.n(o),c=n(298),s=n(5),l=function(e,t,n){return t&&p(e.prototype,t),n&&p(e,n),e};function p(e,t){for(var n=0;n<t.length;n++){var a=t[n];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,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(d,a.Component),l(d,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var e=this,t=(this.state.course_lists,this.props),n=(t.moduleName,t.current_user),a=n?Object(s.R)()+"/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",loading:this.state.uploading,onCancel:function(){return e.setState({uploading:!1})}}),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:a,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"},a&&r.a.createElement("img",{src:a})),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,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,d);var a=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(d.__proto__||Object.getPrototypeOf(d)).call(this,e));return a.init=function(){var r=document.getElementById("inputImage"),o=a;r.onchange=function(){var t,e=this.files;if(e&&e.length)if(t=e[0],/^image\/\w+/.test(t.type)){if(2097152<t.size)return void(this.props.showNotification&&this.props.showNotification("仅支持文件大小小于2M的文件"));t.type,t.name;var n=document.getElementById(u),a=new FileReader;a.readAsBinaryString(t),a.onload=function(){var e=btoa(a.result);n.src="data:"+t.type+";base64,"+e,o.fileUploaded=!0,o.refs.cropper.renew(n),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
|
