Question

在我的Angular 5应用程序中，我有一个HTML表格，它将由包含文件详细信息的JSON Webservice对象填充。 JSON看起来像这样。

{
    "id": 1337,
    "path": "somepath",
    "filename": "Test_File",
    "filetype": "pdf",
    "description": "Test File",
    "date": "2013-04-12T13:10:04.717",
    "file": "base64encoded"
    "createtionDate": "2013-04-12T13:10:04.717",
    "createdBy": "MasterOfTheUniverse",
}

表：

 <table>
      <thead>
        <tr>
          <th>File</th>
          <th>Filename</th>
          <th>Created By</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><a><img (click)="openFile(id.id)" #id id="{{file.id}}" 
          attr.data-basecode="{{file.file}}" 
          attr.data-filename="{{file.filename}}" 
          attr.data-filetype="{{file.filetype}}" 
          src="assets/layout/images/{{file.filetype}}.png"></a></td>
          <td>{{file.filename}}</td>
          <td>{{file.createdBy}}</td>
        </tr>
      </tobdy>
    </table>

我可以通过单击表格内的Img来打开文件。我也可以通过Input type =“file”元素及其资源管理器选择上传文件并将其发送到后端。现在这就是我想要实现的目标：

我想将一个文件拖放到表格中，以获得与使用输入字段选择文件相同的效果。

这可能吗？
如果是这样，解决方案怎么样，哪种方法最好？

在表格内拖放文件

0 个答案: