先说下载:
以table为例子
在网页里可以通过遍历的方式生成后台数据表格
通常的话就是就是一行数据为一组,一般会包含标签和表格名
这是展示在页面的数据
在考虑到兼容性的问题的时候可以采用原生的js方法
在导出文件的地方设置按钮空间,绑定onclick事件,如果存在多个table空间的情况可在在onclick方法哪设置参数,也就是table标签的id,可以作为Symbol。
具体实现方法是1.设置一个函数,2.定义所需要的uri,3.模板,4.编码方式,5.以及数据格式化的方式(也就是对传入数据的处理),6.最后触发内部的匿名函数进行
具体实现方式如下
数据格式化:
设置导出的内容:之前可以进行一个table上下文的判断如果不存在可以进行document.querySelector("#tableExcel");的操作
想要便捷的话也可以采用在线插件的方法
仅需要调用xlsx工具函数,返回数据就可以解决
js资源可以采用cdn资源,为了不出现后缀名改变导致文件损坏在进行函数传参的时候可以传入type
文件的上传
以图片上传为例:
在处理方面通常在后端实现
核心就是调用java的 $_FILES方法
在页面上可以绑定action: 内嵌php都行
当然前端也可以进行文件的显示(预览),判断(大小格式,),切片处理(减少缓存压力,)
下方为预览功能