input file 将得到的文件重新整理成数组对象

最新推荐文章于 2023-07-05 12:24:15 发布

原创

最新推荐文章于 2023-07-05 12:24:15 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

这篇博客介绍了如何在Angular项目中处理用户上传的文件，包括获取文件的名称和大小，并展示在页面上，不涉及数据库操作。内容主要集中在Angular的实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天做了一个需求，就是用户上传了多个file文件，但未上传到数据库，需将用户上传的文件的名称，大小，展示在页面。
当然原生javascript和jQuery获取file的信息直接字符串拼接append到界面。
项目使用的是angular，这里整理一下angular的写法。
结构：

 <table class="table table-bordered hover text-center">
     <tr >
          <th>序号</th>
          <th>名称</th>
          <th>大小</th>
          <th>操作</th>
          <th>导入结果</th>
      </tr>
      <tr ng-repeat="item in uploadFiles" >
          <td>{
  
  {$index+1}}</td>
          <td>{
  
  {item.name}}</td>
          <td>{
  
  {item.size}}</td>
          <td><button class="btn btn-sm bg-info btn-addon" ng-click="">上传</button></td>
          <td><span class="redTip">{
  
  {item.result}}</span></td>
      </tr>
  </table>

     var fileArr = [];
     var f=document.getElementById('excelFile').

最低0.47元/天解锁文章

200万优质内容无限畅学