判断当前网络

navigator.connection.type

var networkState = navigator.network.connection.type;

Connection对象提供对设备的蜂窝及WiFi连接信息的访问。
通过navigator.network接口访问该对象。

属性：
connection.type

常量：
connection.UNKNOWN
connection.ETHERNET
connection.WIFI
connection.CELL_2G
connection.CELL_3G
connection.CELL_4G
connection.NONE

connection.type

input file

多张图片属性 multiple

移动端选择图片 accept="image/*"

accept="image/*;capture=camera" 直接调用相机
accept="image/*" 调用相机图片或者相册

多张图片js

DOM.files

图片转base64

let imgs = document.getElementById('upLoad')
let reader = new FileReader()
reader.readAsDataURL(imgs.files[0])
reader.onload = function (e) {
  let event = this
  console.log(event.result)【base64编码】
}

H5本地存储

localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。

sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了

localStorage和sessionStorage使用时使用相同的API：

localStorage.setItem("key","value");//以“key”为名称存储一个值“value”

localStorage.getItem("key");//获取名称为“key”的值

枚举localStorage的方法：

for(var i=0;i<localStorage.length;i++){

var name = localStorage.key(i);

var value = localStorage.getItem(name);

}

删除localStorage中存储信息的方法：

localStorage.removeItem("key");//删除名称为“key”的信息。

localStorage.clear();//清空localStorage中所有信息

通过getItem或直接使用localStorage["key"]获取到的信息均为实际存储的副本。

例如：

localStorage.key = {value1:"value1"};

localStorage.key.value1='a';

这里是无法对实际存储的值产生作用的，下面的写法也不可以：

localStorage.getItem("key").value1="a";

h5 的一些方法及属性

H5本地存储

猜你喜欢