网页,前端,HTML5,VUE2,VUE3,实现文件上传下载。网上搜了一圈,几乎全部都是用HTML5提供的特殊的API来实现的。也就是chrome本身提供的,如果chrome不提供这个API,那基本上大部分都无法实现了。另外一种方案就是用插件。用插件的方案比HTML5还是更灵活一些。可扩展性也更强。

  chrome,HTML5虽然提供了这个API,但是也只能满足基本的需求,之前基于这个API实现了功能,但是后期客户需要进行扩展,基本上还是没办法,chrome限制的有点死,一个域名下面只允许你建5个TCP连接,导致速度上面就有了上限。而且你也没办法改,没办法扩展。后期的可维护性可扩展性都是比较差了。

网页中实现文件上传下载的三种解决方案(推荐)20240823更新

  网上几乎全部都是上传的方案,下载的方案非常少,也还是用的HTML5的API,用户体验太差了,用户下载一个文件需要你点一下鼠标,用户下载100个就需要点100次。

  1.下载示例

  https://gitee.com/xproer/up6-vue-cli

  将up6组件复制到项目中

  示例中已经包含此目录

  1.引入up6组件

  2.配置接口地址

  接口地址分别对应:文件初始化,文件数据上传,文件进度,文件上传完毕,文件删除,文件夹初始化,文件夹删除,文件列表

  参考:http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

  3.处理事件

  启动测试

  启动成功

  效果

  数据库