layui上传文件_批量导入数据用户界面的方法

使用获得的文件上传组件，可以方便的弹出文件上传界面。

效果如下：

点击【批量导入】按钮调用射流研究…脚本导入数据（配置)就可以实现数据上传到服务器。

脚本：

/*** * 批量导入* config.downUrl下载模板url * config.uploadUrl上传文件url * config.msg * config.done上传结束后执行*/函数IMPORTDATA(config){ var default _ config={ msg : '数据导入成功!'}$.扩展(default_config，config)；var idRandom='导入数据'数学。天花板(数学。random()* 10000)var html内容=' div class=' layui-upload-drag ' id=' idRandom '；html内容=' I class='layui-icon'/i'；htmlContent='p '点击上传，或将文件拖拽到此处/p '；html内容='/div '；layer.open({ type: 1，offset: 'auto' //具体配置参考：http://www .拉威。com/doc/模块/层。html # offset，id: 'layer_importData' //防止重复弹出，标题： '导入记录，content: htmlContent，maxWidth:800，btn: ['下载模板]，btnAlign: 'c' //按钮居中，shade: 0 //不显示遮罩，yes: function(){//提交var iframe=$(' iframe/iframe ')；iframe.attr('src '，default _ config。向下URl)；iframe.css('display '，' none ')；$(“#”idRandom).追加(iframe)；}});形式。render()；//拖拽上传上传。render({ elem : ' # ' idRandom，URL : default _ config。上传网址，接受： '文件'，完成：函数(数据){ if(数据。代码==0){ layer。close all()；if($(“# query”)){ $(“# query”).单击();} if(default _ config。完成){ default _ config。完成(数据);} else { layer。消息(默认配置。味精)；} } else { layer。msg(数据。味精)；} }});}以上这篇获得上传文件_批量导入数据用户界面的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。