无法预览/下载大于1.5 MB的文件

时间:2019-06-24 13:30:49

标签: reactjs

我无法预览或下载大于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的文件。

0 个答案:

没有答案