2017-09-21 6 views
0

私は現在、ファイルAPIを使用してアップロードファイル機能を開発していますが、これはpng jpgとgifでうまくいきますが、pdfをアップロードして保存しようとしていますが、アップロードしたpdfを取得すると、私は表示するためにpdfjsを使用しています、 '本当の' pdfはうまく表示されています)。PDFReader with FileReader

私はserveralチュートリアルで見られるようにFileReader readAsDataUrlを使用していますが、このツールの知識はかなり限られています。ここで

は、私のコードです:

uploadMenu() { 
if (this.state.title && this.state.file) { 
    this.setState({loading: true}) 
    const self = this; 
    const reader = new FileReader(); 
    reader.onloadend = function(e) { 
    const data = reader.result; 
    const jsonToSend = { 
     "title": self.state.title, 
     "position": self.state.select, 
     "imageName": self.state.file.name, 
     "image": data 
    } 
    fetch('/new/content/' + self.state.topID, { 
     headers: { 
     'Accept': 'application/json', 
     'Content-Type': 'application/json' 
     }, 
     dataType: 'json', 
     method: "POST", 
     body: JSON.stringify(jsonToSend) 
    }).then((res) => res.json()).then((res) => { 
     self.setState({loading: false}) 
     if (res.status === "ok") { 
     self.props.close(); 
     self.props.refresh(); 
     } else { 
     self.setState({errorMessage: res.status}); 
     self.setState({errors: true}); 
     } 
    }); 
    }; 
    reader.readAsDataURL(this.state.file); 
    this.setState({errors: false}); 
} else { 
    this.setState({errorMessage: "All fields are required"}); 
    this.setState({errors: true}); 
} 

FileReaderの上または私は素晴らしいだろう欠けているものを上の任意の洞察力!この2行で

答えて

0

少なくとも、欠落セミコロン(:):

this.setState({loading: true}) 
self.setState({loading: false}) 
関連する問題