canrd-main / canrd-erp-front · Files

import React from 'react';
import { Upload, message } from 'antd';
import { InboxOutlined } from '@ant-design/icons';

const App: React.FC = ({ uploadFile }) => {
    const { Dragger } = Upload;

    const props = {
        name: 'file',
        multiple: true,
        maxCount: 1,
        onChange:(info)=> {
            console.log(info.file.originFileObj);
            uploadFile(info.file.originFileObj)
        },
        onDrop(e) {
            console.log('Dropped files', e.dataTransfer.files);
        },
    };

    return (
        <Dragger {...props}>
            <p className="ant-upload-drag-icon">
                <InboxOutlined />
            </p>
            <p className="ant-upload-text">Click or drag file to this area to upload</p>
            <p className="ant-upload-hint">
                Support for a single or bulk upload. Strictly prohibited from uploading company data or other
                banned files.
            </p>
        </Dragger>
    );
};

export default App;