From 0ed1b5f1ef6034e8d90ca5a19b044816ef208231 Mon Sep 17 00:00:00 2001
From: cxz66666 <1092889706@qq.com>
Date: Sat, 8 Aug 2020 23:15:05 +0800
Subject: [PATCH] fix tag id_student
---
src/components/Sheet.js | 727 +++++++++++++++++-----------------
src/components/UploadToOSS.js | 208 +++++-----
2 files changed, 466 insertions(+), 469 deletions(-)
diff --git a/src/components/Sheet.js b/src/components/Sheet.js
index c6662c7..02a4f50 100644
--- a/src/components/Sheet.js
+++ b/src/components/Sheet.js
@@ -1,381 +1,364 @@
-import React from 'react'
-import axios from 'axios'
-import { Button, Form, Input,Icon, Radio, message } from 'antd'
-import 'antd/dist/antd.css'
-import { confirmAlert } from 'react-confirm-alert'
-import 'react-confirm-alert/src/react-confirm-alert.css';
-import qs from 'qs';
+import React from "react";
+import axios from "axios";
+import { Button, Form, Input, Icon, Radio, message } from "antd";
+import "antd/dist/antd.css";
+import { confirmAlert } from "react-confirm-alert";
+import "react-confirm-alert/src/react-confirm-alert.css";
+import qs from "qs";
class NewForm extends React.Component {
- componentDidMount() {
- this.loadLocalStorage();
- }
- loadLocalStorage = () => {
- const values = JSON.parse(localStorage.getItem('formCache') || '{}');
- this.props.form.setFieldsValue(values);
- }
- saveLocalStorage = () => {
- const values = this.props.form.getFieldsValue();
- localStorage.setItem('formCache', JSON.stringify(values));
- }
- onStuIdChange = () =>{
- let ID = this.props.form.getFieldsValue(['StuId'])['StuId']
- this.props.setID(ID)
- }
- handleSubmit = e => {
- e.preventDefault();
- const validateFieldsAndScroll = this.props.form.validateFieldsAndScroll
- confirmAlert({
- title: '提交报名表',
- message: '您填写的表格已经保存在浏览器中，以后可以修改后覆盖提交。点击 Yes 进行提交。',
- buttons: [
- {
- label: 'Yes',
- onClick: () => {
- validateFieldsAndScroll(
- (err, values) => {
- if (err) {
- message.error('填写不正确，请按照提示修改');
- }
- else {
- console.log(values);
- let addForm = async () => {
- let result = await axios(
- 'api/submit',
- {
- headers:{'Content-Type': 'application/x-www-form-urlencoded'},
- method: "POST",
- data: qs.stringify({"dto":JSON.stringify(values)})
- }
- )
- if (result.data.success) {
- message.success("提交成功！后续的面试时间会以短信形式通知，期待你的加入！")
- }
- else {
- message.error("提交失败！可能是网络问题。")
- }
- }
- addForm();
- }
- }
- )
- }
- },
- {
- label: 'No',
- onClick: () => {}
- }
- ]
- });
- }
-
- render() {
- const formItemLayout = {
- labelCol: {
- xs: { span: 24 },
- sm: { span: 8 },
- },
- wrapperCol: {
- xs: { span: 24 },
- sm: { span: 12 },
- },
- };
-
- const tailFormItemLayout = {
- wrapperCol: {
- xs: {
- span: 24,
- offset: 0,
- },
- sm: {
- span: 16,
- offset: 8,
- },
- },
- };
-
- const { getFieldDecorator } = this.props.form;
-
- return (
-
- )
- }
+ render() {
+ const formItemLayout = {
+ labelCol: {
+ xs: { span: 24 },
+ sm: { span: 8 },
+ },
+ wrapperCol: {
+ xs: { span: 24 },
+ sm: { span: 12 },
+ },
+ };
+ const tailFormItemLayout = {
+ wrapperCol: {
+ xs: {
+ span: 24,
+ offset: 0,
+ },
+ sm: {
+ span: 16,
+ offset: 8,
+ },
+ },
+ };
+
+ const { getFieldDecorator } = this.props.form;
+
+ return (
+
+ );
+ }
}
const Sheet = Form.create({})(NewForm);
-export default Sheet;
\ No newline at end of file
+export default Sheet;
diff --git a/src/components/UploadToOSS.js b/src/components/UploadToOSS.js
index 725670d..ff3be97 100644
--- a/src/components/UploadToOSS.js
+++ b/src/components/UploadToOSS.js
@@ -1,106 +1,120 @@
-import { Upload, Icon, message , Button , Avatar} from 'antd';
-import React from 'react';
-import axios from 'axios';
+import { Upload, Icon, message, Button, Avatar } from "antd";
+import React from "react";
+import axios from "axios";
function getBase64(img, callback) {
- const reader = new FileReader();
- reader.addEventListener('load', () => callback(reader.result));
- reader.readAsDataURL(img);
+ const reader = new FileReader();
+ reader.addEventListener("load", () => callback(reader.result));
+ reader.readAsDataURL(img);
}
class UploadToOSS extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- headers:{
- },
- fileData: null,
- };
- }
-
-
- beforeUpload = (file)=>{
- const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
- if (!isJpgOrPng) {
- message.error('只能上传JPG/PNG格式的图片哦！');
- }
- const isLt2M = file.size / 1024 / 1024 < 2;
- if (!isLt2M) {
- message.error('图像文件要小于2MB哦！');
- }
- if(!this.props.stuid){
- message.error("请先填写学号！");
- }
- if (isJpgOrPng && isLt2M && this.props.stuid){
- if(file.type === 'image/png') {
- this.setState({headers:{
- 'Content-Type': 'application/octet-stream',
- 'stuid':this.props.stuid,
- 'pic-type':'png'}});
- }else{
- this.setState({headers:{
- 'Content-Type': 'application/octet-stream',
- 'stuid':this.props.stuid,
- 'pic-type':'jpg'}});
- }
- let reader = new FileReader();
- reader.readAsArrayBuffer(file);
- getBase64(file, imageUrl =>
- this.setState({
- imageUrl,
- }),)
- return new Promise((resolve) => {
- reader.onload = (e) => {
- this.setState({fileData:reader.result});
- resolve()
- }
- })
- }else{
- return false;
- }
- }
- handleChange = info => {
-
+ constructor(props) {
+ super(props);
+ this.state = {
+ headers: {},
+ fileData: null,
};
- customRequest = async () =>{
- if(this.state.fileData === null){
- message.error("图片未能正确读取哦！请重试！")
- return
- }
- console.log(this.state.headers)
- let result = await axios(
- 'https://1299271970796699.cn-hangzhou.fc.aliyuncs.com/2016-08-15/proxy/oss_upload/upload/',
- {
- headers: this.state.headers,
- method: "POST",
- data: this.state.fileData,
- }
- )
- if (result.data==="Success!") {
- message.success("上传成功!(您还可以点击预览图继续上传以覆盖此次上传的图片)")
- }else{
- message.error("上传失败!可能是网络问题！")
- }
- }
+ }
-
- render() {
- const uploadButton = (
-
- );
- const { imageUrl } = this.state;
- return (
-
- {imageUrl ? : uploadButton}
-
- );
+ beforeUpload = (file) => {
+ const isJpgOrPng = file.type === "image/jpeg" || file.type === "image/png";
+ if (!isJpgOrPng) {
+ message.error("只能上传JPG/PNG格式的图片哦！");
}
+ const isLt2M = file.size / 1024 / 1024 < 2;
+ if (!isLt2M) {
+ message.error("图像文件要小于2MB哦！");
+ }
+ if (!this.props.stuid) {
+ message.error("请先填写学号！");
+ }
+ if (isJpgOrPng && isLt2M && this.props.stuid) {
+ if (file.type === "image/png") {
+ this.setState({
+ headers: {
+ "Content-Type": "application/octet-stream",
+ stuid: this.props.stuid,
+ "pic-type": "png",
+ },
+ });
+ } else {
+ this.setState({
+ headers: {
+ "Content-Type": "application/octet-stream",
+ stuid: this.props.stuid,
+ "pic-type": "jpg",
+ },
+ });
+ }
+ let reader = new FileReader();
+ reader.readAsArrayBuffer(file);
+ getBase64(file, (imageUrl) =>
+ this.setState({
+ imageUrl,
+ })
+ );
+ return new Promise((resolve) => {
+ reader.onload = (e) => {
+ this.setState({ fileData: reader.result });
+ resolve();
+ };
+ });
+ } else {
+ return false;
+ }
+ };
+ handleChange = (info) => {};
+ customRequest = async () => {
+ if (this.state.fileData === null) {
+ message.error("图片未能正确读取哦！请重试！");
+ return;
+ }
+ console.log(this.state.headers);
+ let result = await axios(
+ "https://1767171970454994.cn-hangzhou.fc.aliyuncs.com/2016-08-15/proxy/nx/nx-test/",
+ {
+ headers: this.state.headers,
+ method: "POST",
+ data: this.state.fileData,
+ }
+ );
+ if (result.data === "Success!") {
+ message.success(
+ "上传成功!(您还可以点击预览图继续上传以覆盖此次上传的图片)"
+ );
+ } else {
+ message.error("上传失败!可能是网络问题！");
+ }
+ };
+
+ render() {
+ const uploadButton = (
+
+ );
+ const { imageUrl } = this.state;
+ return (
+
+ {imageUrl ? (
+
+ ) : (
+ uploadButton
+ )}
+
+ );
+ }
}
-export default UploadToOSS;
\ No newline at end of file
+export default UploadToOSS;