javascript - 简单的 React 文件上传,不附加表单数据
问题描述
const [image, setImage] = useState({ preview: "", file: "" });
const handleChange = (e) => {
e.preventDefault();
if (e.target.files.length) {
setImage({
preview: URL.createObjectURL(e.target.files[0]),
file: e.target.files[0],
});
}
};
useEffect(() => {
const formData = new FormData();
formData.append("file", image.file);
console.log(formData);
}, [image]);
上面代码中console.log(formData);
返回空对象,无法在axios上发送文件
解决方案
您无法打印FormData
以查看条目。
https://developer.mozilla.org/en-US/docs/Web/API/FormData
您需要使用密钥获取它:formData.get('file')
应该为您提供您需要验证的内容。
推荐阅读
- python - 在python中修复相对路径问题的最佳方法
- amazon-web-services - Jenkins groovy 脚本问题
- algorithm - 动态规划问题中的最优路径
- vue.js - Vue 和 Bootstrap Vue - 动态使用插槽
- python - 为什么我在 python 中的“if”语句不起作用?
- python - 如何使用 python 将字符串 + 变量作为短信发送?
- php - PHP 如何从 php://input 读取 EMAIL?
- java - 如何将 RequestParam 值作为 URL
- r - R语言中数据框列值转换问题
- python - Python 在尝试清除 pyqt5 中的组合框时崩溃