update upload function
This commit is contained in:
@ -1,4 +1,4 @@
|
||||
import React, { useState } from 'react';
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import axios from 'axios';
|
||||
import {
|
||||
CCol,
|
||||
@ -15,10 +15,10 @@ import {
|
||||
import CIcon from '@coreui/icons-react'
|
||||
|
||||
|
||||
function Uploader() {
|
||||
function Uploader(props) {
|
||||
|
||||
const [file, setFile] = useState(null);
|
||||
|
||||
|
||||
function onChangeHandler(e) {
|
||||
setFile(e.target.files[0])
|
||||
}
|
||||
@ -26,6 +26,7 @@ function Uploader() {
|
||||
function onClickHandler(e) {
|
||||
const data = new FormData()
|
||||
data.append('file', file);
|
||||
data.append('email', props.email);
|
||||
const chk = file.name.trim();
|
||||
const collator = new Intl.Collator('ja');
|
||||
const order1 = collator.compare('ini_工程内検査票.xlsx', chk);
|
||||
@ -50,38 +51,27 @@ function Uploader() {
|
||||
|
||||
}
|
||||
|
||||
return ( <
|
||||
div >
|
||||
<
|
||||
CCard >
|
||||
<
|
||||
CCardHeader >
|
||||
アップロード <
|
||||
/CCardHeader> <
|
||||
CCardBody >
|
||||
<
|
||||
CFormGroup row >
|
||||
<
|
||||
CCol md = "3" >
|
||||
<
|
||||
CLabel htmlFor = "date-input" > アップロードするファイルを選んでください < /CLabel> < /
|
||||
CCol > <
|
||||
CCol xs = "12"
|
||||
md = "9" >
|
||||
<
|
||||
CInputFile type = "file"
|
||||
onChange = { onChangeHandler }
|
||||
id = "file-input"
|
||||
name = "file-input" / >
|
||||
<
|
||||
/CCol> < /
|
||||
CFormGroup >
|
||||
return (
|
||||
<div>
|
||||
<CCard >
|
||||
<CCardHeader>
|
||||
アップロード
|
||||
</CCardHeader>
|
||||
<CCardBody >
|
||||
<CFormGroup row>
|
||||
<CCol md = "3">
|
||||
<CLabel htmlFor = "date-input" > アップロードするファイルを選んでください < /CLabel>
|
||||
</CCol >
|
||||
<CCol xs = "12"md = "9" >
|
||||
<CInputFile type = "file"onChange = { onChangeHandler } id = "file-input" name = "file-input" / >
|
||||
</CCol>
|
||||
</CFormGroup >
|
||||
<CCardFooter >
|
||||
<CButton type = "submit"
|
||||
onClick = { onClickHandler }
|
||||
size = "sm"
|
||||
color = "primary" > < CIcon name = "cil-scrubber" / > アップロード < /CButton> < /
|
||||
CCardFooter>
|
||||
color = "primary" > < CIcon name = "cil-scrubber" / > アップロード </CButton>
|
||||
</CCardFooter>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user