移动端h5如何上传zip文件

移动端h5上传zip文件方法：

1、拍照或者选择图片并获取图片的路径。

2、压缩图片。

3、找到压缩完的图片先转换成base64再转换成可以添加到FormData上传的File。

4、添加数据上传。

背景：

在 uniapp 开发中， uni.chooseImage 选择文件进行上传到服务器。在 app plus 的情况加可以使用 uni.uploadFile 。但是在 H5 的条件下选择文件的格式为 blob:file:///1234567777 ，没有办法使用 uni.uploadFile 。目前可以使用 XMLHttpRequest 上传。

在HTML5之前的时代，如果需要在客户端本地保存数据，只能存储在Cookie中，但是 Cookie使用过多会影响请求速度 ，所以并不适合存储大量数据。

而在HTML5面世后，自带了本地存储和本地数据库功能，更为便捷的管理客户端数据。

HTML5提供了一个 基于浏览器端的数据库 （WebSQL 、IndexedDB），我们可以通过JS API来在浏览器端创建一个本地数据库，而且它还支持标准的SQL来执行CRUD *** 作。

如何查看本地的数据库呢？通过各个 浏览器的调试工具 可以查看。

在HTML5中 *** 作本地数据库都是通过JS API来实现的，很简单，步聚如下：

1、通过 openDatabase 创建数据库对象

2、通过 db.transaction 设置回调函数

3、通过 executeSql 方法执行查询

HTML5默认情况下是无法连接远程数据库的，一般都是通过API去 *** 作数据库。比如当下流行的前后端完全分离，借助的就是RESTful来实现业务数据的CRUD *** 作。

怎么会问这个问题，HTML是不可能链接数据库的，他是标签类语言，是用于构建静态页面的，要想链接数据库必须得支持网络通信和IO的，显然HTML并没有支持，HTML只是用来设计页面的。

我还以为我落伍了，h5连数据库

---