chueasy_react_uploader v1.0.24

Chueasy React Uploader

Demo

https://swnumaster.github.io/chueasy_react_uploader/
https://demo.chueasy.com/chueasy_react_uploader

How to use

1. Install chueasy_react_uploader

    npm install chueasy_react_uploader

2. Write code as below:

    import ChueasyUploader from 'chueasy_react_uploader';

    let fileList = [
        {url: "https://blog.chueasy.com/wp-content/themes/easyportalpro/images/default/slide1.jpg", filename: "slide1.jpg"},
        {url: "https://blog.chueasy.com/wp-content/themes/easyportalpro/images/default/slide2.jpg", filename: "slide2.jpg"},
        {url: "https://blog.chueasy.com/wp-content/themes/easyportalpro/images/default/slide3.jpg", filename: "slide3.jpg"},
    ];

    let headers = {token: "NDQ4MDI4MzI4NTkzODc2OTkyMXwxNjIyNzA5MTg2LjcxNzUzMjk6YWRmNTRjNmUwOTU4YmM5MzQ1YTQyYjBkNDczMjBjNGNmNjVhMzkyZg=="};

    let uploadApi = "/api/image/upload";

    function parseResponse(respData) {
        console.log(respData);
        if (respData.code === 0) {
            return respData.content.filename;
        }
        return false;
    }

    function onFileListChange(fileList) {
        console.log(fileList);
    }

    function onException(e) {
        console.log(e);
    }

    const App = () => (
        <ChueasyUploader 
            fileList={fileList}
            uploadApi={uploadApi}
            inputName="uploadfile"
            parseResponse={parseResponse} 
            onFileListChange={onFileListChange}
            onException={onException}
            headers={headers}
            quality={0.8}
            maxSize={1024}
            maxCount={4}
        />
    );

Change log

V1.0.24 20220223 Remove font-family css from the component

V1.0.23 2021070 Adjust the height of the header of Demo in mobile devices Fix the bug that there is no any responses while just clicking an image in mobile devices

V1.0.22 20210622

change the prop name 'style' to 'frameStyle'

V1.0.21 20210611

use local images in the demo
add displaying version in the demo