原生文件上传

45 阅读1分钟
const fileInputRef = useRef();

// 处理文件选择事件
const handleFileChange = event => {
	const selectedFile = event.target.files[0]; // 获取单个文件
	console.log('===yyy', selectedFile);
	setState({
		files: selectedFile,
	});
};

const handleClick = () => {
	if (fileInputRef.current) {
		fileInputRef.current.click(); // 触发文件选择
	}
};
const btnclick = () => {
	const formData = new FormData();
	formData.append('file', files);
	formData.append('totalAmount', 3304.11);
	formData.append('totalCount', 3);
	console.log('===formData', formData);
	IssueBatchExcelUpload(formData).then(res => {});
};						

<div class="{styles.uploadBox}" onclick="{handleClick}">
                                                        <img src="转存失败,建议直接上传图片文件 {uplodimg}" alt="转存失败,建议直接上传图片文件">
                                                        <div class="{styles.uploadText}">请选择文件上传</div>
                                                        <span>待导入的EXCEL文件中最大记录数为100笔</span>
                                                        <input style="{{" display:="" &#x27;none&#x27;="" }}="" ref="{fileInputRef}" type="file" onchange="{handleFileChange}">
                                                </div>