update upload function

This commit is contained in:
Mohamed Nouffer
2021-09-13 12:46:52 +05:30
parent dae426eefa
commit 77cef6d5e9
3 changed files with 114 additions and 93 deletions

View File

@ -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>