入力ファイルとアップロードの写真を表示

<テンプレート>
  <のdivクラス= "について">
    <H1>これは</ H1>についてのページです
    変更@ = "handleFileChange" REF =の<input type = "ファイル" 値= "上传图片" クラス= "アップロード" 複数 "inputer" 受け入れる= "画像/ PNG形式、画像/ JPEGを、画像/ gif形式、画像/ JPG" / >
    <IMG V- 用 = "filelistに項目"：SRC = "項目"：キー= "項目" ALT = "">
  </ div>
</テンプレート>

<スクリプトのlang = "TS"> 
    からインポート{コンポーネント、ヴュー} "VUE-プロパティデコレータ" 。
    @成分（{
        
    }）
    輸出デフォルトのクラスは約Vueのを{拡張します
        filelistに = [];
        handleFileChange（E：任意）{
            ファイルみよう = e.target.files。
            _thisは聞かせて = この;
            用（Iせにおける{[...アレイ（file.length）.keys（）]）
                読者ましょう = 新しいFileReaderの（）;
                reader.readAsDataURL（ファイル[I]）。// 读出BASE64 
                reader.onloadend = 関数（）{
                    _this.filelists.push（reader.result）。
                }。
            }
        }
        
        
    }
</ SCRIPT>

　　BlobオブジェクトからFileオブジェクトの継承は、そのオブジェクトのプロパティとメソッドは、BLOB、Fileオブジェクトを使用することができ、かつFileオブジェクト自体は、独自のプロパティとメソッドを持っています。

　　LastModifiedプロパティは、Fileオブジェクトの参照に、ファイルの最終更新時刻を返します。

　　lastModifiedDateプロパティ、リファレンスのDateオブジェクトの最後の時間変化。

　　属性名、ファイル参照の名前。

　　サイズプロパティは、ファイルのサイズを返します。

　　webkitRelativePathは、属性パスまたはURLを関連付けられています。

　　type属性は、ファイルタイプ多目的インターネットメール拡張を返します。

　　ファイルの方法。

　　geAsBinary（）解析された文字列を返すにバイナリ形式で文書の内容

有効では型を受け入れます：

CSVファイル形式（.csv）の場合、以下を使用します。 

<input type = "ファイル" 受け入れる= "csvファイル" />
Excelファイル2003-2007用（.XLS）、使用：

<input type = "ファイル" 受け入れる= "アプリケーション/ vnd.ms-エクセル" />
Excelファイル2010 （.xlsxの）、使用：

<input type = "ファイル"受け入れる= "アプリケーション/ vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
 テキストファイル（.txtファイル）を使用の場合：

<input type = "ファイル" 受け入れる= "text / plainの" />
イメージファイル（.pngの/ .JPG /の場合など）、以下を使用します。

<input type = "ファイル" = "画像/ *"を受け入れる/>
 HTMLファイル（.htmファイル、.htmlの）については、以下を使用します。

<input type = "ファイル"受け入れる= "text / htmlの" />
 ビデオファイル（.AVI、.MPG、.MPEG、.MP4）については、以下を使用します。

<input type = "ファイル" = "ビデオ/ *" /受け入れる>を
 オーディオファイル（.MP3、.WAVなど）の場合は、以下を使用します。

<input type = "ファイル"受け入れる= "オーディオ/ *" />
 PDFファイルを、使用する場合：

<input type = "ファイル" 受け入れる= "PDF" />

入力ファイルとアップロードの写真を表示

おすすめ