聚合物2.0獲取紙張輸入文件

Question

我正在使用聚合物2.0。我有一個

<paper-input type="file" id"myFile"></paper-input> 

有一次，我選擇了一個文件我想用聚合物（JavaScript的）來獲取文件的參考和細節。以前我曾經使用過

this.$.myFile.inputElement.files[0]; 

但是現在看起來不行，它說未定義。請幫助我訪問該文件。這裏是一個jsbin：

https://jsbin.com/luledugege/edit?html,console,output

Answer 1

試試這個：

this.$.myFile.inputElement.inputElement.files[0] 

紙輸入有屬性inputElement獲得其鐵輸入。而這個元素反過來在它的影子根目錄中具有文件屬性的本地輸入。

你的輸入可以是：

<link rel="import" href="../bower_components/polymer/polymer-element.html"> 
<link rel="import" href="../bower_components/paper-input/paper-input.html"> 

<dom-module id="my-paper-input-file"> 
    <template> 
    <style> 
     :host { 
     display: block; 
     padding: 10px; 
     } 
    </style> 

    <paper-input type="file" id="myFile" on-change="_handleFiles"></paper-input> 

    </template> 

    <script> 
    class MyPaperInputFile extends Polymer.Element { 

     static get is() { return 'my-paper-input-file'; } 

     static properties() { 

     files: Object 

     } 

     _handleFiles(e) { 
     this.files = this.$.myFile.inputElement.inputElement.files; 
     //SAME: this.files = e.target.inputElement.inputElement.files; 
     } 

    } 

    window.customElements.define(MyPaperInputFile.is, MyPaperInputFile); 
    </script> 
</dom-module>