我无法预览或下载大于1.5 MB的文件,该文件已作为代码的输入。
我尝试使用不到1.5 MB的文件,并且文件工作正常。
import React, { Component } from 'react';
import './App.css';
class App extends Component {
state={
previewData:''
}
InstructionHandler = (e) => {
let files = e.target.files;
let reader = new FileReader();
reader.readAsDataURL(files[0]);
reader.onload = (e) => {
this.setState({ previewData: e.target.result });
}}
render() {
return (
<div className="App">
<input id="upload-instructions" type="file" name="Instruction-data" class="input-hidden" onChange={(e) => this.InstructionHandler(e)} value='' accept=".gif,.jpg,.jpeg,.png,.doc,.docx,.pptx,.xlsx,.xls" />
<iframe class="mt-20" src={this.state.previewData}></iframe>
<a download="instructions" href={this.state.previewData}>Download Instructions</a>
</div>
);
}
}
export default App;
期望:我应该能够预览/下载大于1.5 MB的文件。