javascript - 使用某些文件扩展名反应上传问题
问题描述
当我尝试上传 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
解决方案
推荐阅读
- c++ - 在头类中创建内联函数到私有变量
- java - 保存后休眠未设置自动生成的ID
- spring-data - 由于 ReadTimeoutException 调整 ReactiveElasticsearchClient
- react-native - 创建低版本 react-native 时出错
- react-native - react-native-image-crop-picker 相机或文件未打开 onpress
- c# - 如何将 int 写入 System.Span,即 int.Parse(span) 的反转?
- reactjs - 如何使用反应测试库测试带有钩子的反应组件
- c# - 如何使用 LINQ 使用泛型类型查询 [key] 属性?
- php - 为什么找不到我的 php 页面?我的 yaml 文件有问题吗?
- angular - 如何在角度类型js中隐藏图表linechartoption