編集ボックスに表示され、ローカルのYAML、JSONやその他のコンテンツファイルを取得します。

iViewのフレームワークは、アップロードコンポーネントは、ファイルを転送することができます使用することができますが、ファイルの内容を読み取ることができません

現在の背景には、単にあなたがHTML5 FileReaderの中でオブジェクトを使用することができ、文字列としてファイルの内容を転送し、ファイルを転送する必要はありません。

<input type = "ファイル"クラス= "ファイル" @チェンジ= "tirggerFile（$イベント）"> 
<ボタン@クリック= "readFileの">上传</ボタン>

アップロードした後

|| 我々==「YAML || 我々== 'CFG'

                
                ）{
                     この.readFile（）; 
                } 他{
                     この$ Notice.error（{。
                        タイトル： '受信ファイル準拠のファイルを選択するために、再度クリックしてください。' 、
                        DURATION： 2 
                    }）; 
                } 
            }、
            readFileの（）{ 
                のletセルフ = この; 
                のlet fileselect = document.querySelector（ 'INPUT [タイプのファイル=]'）ファイル[0] ;. // のファイルアップロード要素を見つける         
                リーダー=ましょう新しい新しいFileReaderのを（）
                 //console.log（fileselect）; 
                IF（typeof演算 FileReaderの=== '未定義' ）{ 
                    アラート（ 'あなたのブラウザはFileReaderのインターフェイスをサポートしていません。' ）; 
                } 
                reader.readAsText（fileselect、 'GB2312'）//は、ノートでは、中国を読みますこのコードではなく、使用することである8-UTFする。 
                reader.onload = 関数（）{ 
                    にconsole.log（reader.result）; // ファイルの内容
                   
                } 
            }、

最後に、取得したファイルの内容は、テキスト編集ボックスに割り当てることができます