上传页面采用了layui 的上传模块,要实现的功能:选择文件后---点击文件名,页面中间弹窗内预览图片,先看效果图:
预览功能的实现具体有2种方式:第一种是用blob+FileReader,第二种是layUI自带的。
1. 用layUI 自带的参数实现图片预览:
layui.use('upload', function(){ ... choose: function(obj){ var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列 //读取本地文件 obj.preview(