jsファイルのアップロード解析ファイル FileReader()

        プロジェクトで作業していると、ファイルをアップロードする機能が登場します。サードパーティ コンポーネントにはファイル アップロード コンポーネントがあります。ファイルの内容を取得するには、FileReader を使用します

handleUpload(e) {
     console.log('e', e);
     let fileReader = new FileReader()
     fileReader.onload = function (evt) {
         console.log('evt', evt);
     }
     fileReader.readAsText(e)
},

        アップロード後、アップロードされたコンテンツを見てみましょう。これはファイル タイプであり、このファイルに関する情報が含まれています。アップロードしたのは json ファイルです。

        FileReader() を使用して変換します

これがその内容ですが、文字列なのでJSONメソッドで変換できます。 

または、this.result を直接使用してその内容を取得します。

handleUpload(e) {
     console.log('e', e);
     let fileReader = new FileReader()
     fileReader.onload = function () {
         console.log('evt', this.result);
         console.log(typeof this.result);
     }
     fileReader.readAsText(e)
},

 string型の文字列です。

写真

        画像をアップロードする場合は、

handleUpload(e) {
     console.log('e', e);
     let fileReader = new FileReader()
     fileReader.onload = function () {
         console.log('evt', this.result);
         console.log(typeof this.result);
     }
     fileReader.readAsDataURL(e)
},

        画像はbase64形式に変換されます。