首页 > 解决方案 > 使用某些文件扩展名反应上传问题

问题描述

当我尝试上传 doc 或 docx 时,扩展类型看起来像这样type:"",但使用 pdf 它可以正常工作。

这是表单的自定义组件

let hasChanged = false;
export const renderUploadFieldForCreate = ({
    input,
    meta: { touched, error }
}) => {
    function handleOnChange (event) {
        console.log(event.target.files[0]);
        input.onChange(event.target.files[0]);
        hasChanged = true;
    }
    function handleOnBlur (event) {
        if (hasChanged === false) {
            event.target.value = null;
            input.onChange(null);
        }
    }
    function handleOnClick () {
        hasChanged = false;
    }

    return (
        <div>
            <input
                key={ input }
                className="form-control"
                type="file"
                onChange={ handleOnChange }
                onBlur={ handleOnBlur }
                onClick={ handleOnClick }
            />
            { touched && error && <span className="text-danger">{ error }</span> }
        </div>
    )
};

这是我的表格

<Field name="file" component={ renderUploadFieldFor

标签: javascriptreactjsredux-form

解决方案


推荐阅读