| 1 |
- {"version":3,"sources":["../../../src/components/Editor/Upload.js"],"names":["App","props","state","previewVisible","previewImage","loading","handleCancel","bind","handlePreview","handleChange","customRequest","handleCloseClick","onImgLoad","app","sOssSts","onRef","setState","file","url","thumbUrl","fileList","onChangeFileList","info","onProgress","percent","reader","FileReader","readAsDataURL","onloadend","UploadToOss","oss","DRIVER_LICENSE_PATH","then","onSuccess","data","onUpload","path","name","uid","catch","msg","e","message","ERROR_DEFAULT","showError","error","onError","response","index","newFileList","splice","maxUpload","multiple","uploadButton","intl","get","showPreviewIcon","showRemoveIcon","length","map","left","top","Math","floor","width","React","Component"],"mappings":"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","file":"Upload.js","sourcesContent":["import React from \"react\";\nimport { Upload, Icon, Modal, message, Spin } from \"antd\";\nimport dayjs from \"dayjs\";\nimport shortid from \"shortid\";\nimport intl from \"react-intl-universal\";\nimport { DRIVER_LICENSE_PATH, ERROR_DEFAULT } from \"../../constant\";\nimport Comment from \"../../Comment\";\nimport \"./Upload.css\";\n\n// const client = oss => {\n// return new window.OSS.Wrapper({\n// accessKeyId: oss.access_key_id,\n// accessKeySecret: oss.access_key_secret,\n// stsToken: oss.security_token,\n// endpoint: OSS_ENDPOINT, //常量,你可以自己定义\n// bucket: OSS_BUCKET\n// });\n// };\n\n// const uploadPath = (path, file) => {\n// return `${path}/${dayjs().format(\"YYYYMMDD\")}/${shortid.generate()}.${\n// file.type.split(\"/\")[1]\n// }`;\n// };\n\n// const UploadToOss = (oss, path, file) => {\n// const url = uploadPath(path, file);\n// return new Promise((resolve, reject) => {\n// client(oss)\n// .multipartUpload(url, file)\n// .then(data => {\n// resolve(data);\n// })\n// .catch(error => {\n// reject(error);\n// });\n// });\n// };\n\nclass App extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n previewVisible: false,\n previewImage: \"\",\n loading: false\n };\n this.handleCancel = this.handleCancel.bind(this);\n this.handlePreview = this.handlePreview.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.customRequest = this.customRequest.bind(this);\n this.handleCloseClick = this.handleCloseClick.bind(this);\n this.onImgLoad = this.onImgLoad.bind(this);\n }\n\n componentDidMount() {\n this.props.app.sOssSts();\n if (this.props.onRef) {\n this.props.onRef(this);\n }\n }\n\n onImgLoad() {\n this.setState({\n loading: false\n });\n }\n\n handleCancel() {\n this.setState({ previewVisible: false });\n }\n\n handlePreview(file) {\n this.setState({\n previewImage: file.url || file.thumbUrl,\n previewVisible: true\n });\n }\n\n handleChange({ fileList }) {\n this.props.onChangeFileList(fileList);\n }\n\n customRequest(info) {\n const { file } = info;\n info.onProgress({ percent: 10 });\n let reader = new FileReader();\n reader.readAsDataURL(info.file);\n reader.onloadend = () => {\n info.onProgress({ percent: 20 });\n // DRIVER_LICENSE_PATH oss 的存储路径位置\n this.props.app\n .UploadToOss(this.props.app.oss, DRIVER_LICENSE_PATH, file)\n .then(data => {\n info.onProgress({ percent: 100 });\n info.onSuccess(data);\n this.props.onUpload({ path: data.name, uid: file.uid });\n })\n .catch(e => {\n const msg = e.message || ERROR_DEFAULT;\n if (this.props.showError) {\n message.error(msg);\n }\n if (this.props.onError) {\n this.props.onError(msg, { response: e.response });\n }\n info.onError(e);\n });\n };\n }\n\n handleCloseClick(index) {\n let newFileList = this.props.fileList;\n newFileList.splice(index, 1);\n this.props.onChangeFileList(newFileList);\n }\n\n render() {\n const { previewVisible, previewImage } = this.state;\n const { fileList, maxUpload, multiple } = this.props;\n const uploadButton = (\n <div>\n <Icon type=\"plus\" />\n <div className=\"ant-upload-text\">{intl.get(\"editor.uploadBtn\")}</div>\n </div>\n );\n return (\n <div>\n <Upload\n accept=\"image/jpg,image/jpeg,image/png,image/bmp\"\n multiple={multiple}\n listType=\"picture-card\"\n showUploadList={{ showPreviewIcon: true, showRemoveIcon: false }}\n fileList={fileList}\n customRequest={this.customRequest}\n onPreview={this.handlePreview}\n onChange={this.handleChange}\n >\n {fileList.length >= maxUpload ? null : uploadButton}\n </Upload>\n {fileList.map((file, index) => {\n return (\n <div\n className=\"upload-close-icon\"\n onClick={this.handleCloseClick.bind(this, index)}\n key={file.uid}\n style={{\n left: `${(index % 3) * 112 + 98}px`,\n top: `${Math.floor(index / 3) * 112 + 16}px`\n }}\n />\n );\n })}\n <Modal\n wrapClassName=\"upload-img-preview\"\n visible={previewVisible}\n footer={null}\n onCancel={this.handleCancel}\n >\n <Spin spinning={this.state.loading}>\n <img\n alt=\"upload\"\n style={{ width: \"100%\" }}\n src={previewImage}\n onLoad={this.onImgLoad}\n onError={this.onImgLoad}\n />\n </Spin>\n </Modal>\n </div>\n );\n }\n}\n\nexport default Comment(App);\n"]}
|
