选择文件并使用Angular拖放文件

Question

在这里，我可以在选择时选择文件并在Kendo网格中显示。我想在网格中包括拖放和更新拖动文件。

这是我的HTML代码：

‹kendo-grid [data]="myFiles".    (remove)="removeHandler ($event)"
‹ng-template                   kendoGridToolbarTemplate      position="bottom" )

‹input type="file"               [disabled]="readonlyMode Il      readonlyVersion" (change)-   "uploadFile($event)" title="upload"    value-"Upload"/ >
 </ng-template›

 ‹kendo-grid-command-column     title="Remove" [width]="220"
 ‹ng-template kendoGridCellTemplate     field-"id" let-value>

 ‹button kendoGridRemoveCommand›<span    class="k-icon k-i-close k-icon-32"   (click)-"showconfirmpopup-true" ›</span>             </button>
 ‹kendo-   dialog*ngIf="showconfirmpopup==true">
   <div>Are you sure you want to remove this attachment?k/divf
    ‹div>
      «span›‹button kendoButton (click)-  "delete(value.id)" (click) -"showconfirmpopup-false"›Okay</button>          </span>
      «5pan>‹button kendoButton (click)-   "showconfirmpopup=false" ›Cancel</button>  </span>
     </div>
 </kendo-dialog›
</ng-template›
</kendo-grid-command-column>
«kendo-grid-column field-"name"   title-"Name"

 «/kendo-Grid-column＆gt;
 

‹kendo-grid-command-column title-"Download" field-"file" [width]="220'
‹ng-template kendoGridCellTemplate                     ‹kendo-grid [data]="myFiles"

我正在附加UI的快照。