layui上传文件前加入确认提示

    //上传文件
    upload: function () {
        layui.use(‘upload‘, function () {
            var upload = layui.upload;
            //执行实例
            var uploadInst = upload.render({
                elem: ‘#upload‘ //绑定元素
                , url: QUERY_BATCH_UPLOAD //上传接口
                ,auto: false //选择文件后不自动上传
                , accept: ‘file‘
                , exts: ‘xlsx|xls‘ //只允许上传Excel文件
                , size: 5000 //限制文件大小,单位 KB
                ,choose: function(obj){
//                    确定导入文件并进行线上合规验证吗?
                    //确认框
                    layer.confirm(‘确定导入文件吗?‘, {icon: 3, title:‘提示‘}, function(index){
                         //读取本地文件
                        obj.preview(function(index, file, result){
                          //单个重传
                            obj.upload(index, file);
                        });
                            layer.close(index);
                      });
                  }
                , done: function (res) {
                     var code = res.code;
                     if(code && code==0){
                        //上传完毕回调
                         layer.msg("文件已经成功上传!");
                     }else{
                         var msg = res.msg;
                         layer.alert(msg);
                         return;
                     }
                }
                , error: function () {
                    //请求异常回调
                }
            });
        });
    },

原文地址:https://www.cnblogs.com/libin6505/p/11136898.html

时间: 2024-09-30 14:28:27

layui上传文件前加入确认提示的相关文章

【SpringMVC】【EasyUI】关于使用EasyUIForm上传文件,返回JsonIE提示下载文件的解决办法!

先说一下环境 EasyUI+SpringMVC+MyBatis 因为按正常手段,无法使用Ajax来提交一个包含文件的表单,故想到利用EasyUI的Form来提交,EasyUI的form封装了一套伪Ajax提交的方法,所以能够起到以ajax提交文件表单的作用! 但是当文件提交成功后,后台往前台返回了一个Json用来提示上传成功! 但是在其他浏览器下都正常,但是唯独在IE中会提示用户下载这个Json文件! 仔细的查看了下EasyUI的API看到API里有这样的一段话: 也就是说,返回的数据要无需设置

js上传文件前判断获取文件大小并且加以判断

描述:要求浏览器单个上传文件大小不超过10M. 解决方案: var fileSize = $("#fileId")[0].files[0].size/(1024*1024);if(fileSize>10){ $.dialog.alert("上传单个文件大小不能超过10MB!"); return false;} 原文地址:https://www.cnblogs.com/zyh-2017/p/10238021.html

django上传文件

django上传文件 template html(模板文件): <form enctype="multipart/form-data" method="POST" action="/address/upload/"> <input type="file" name="file" /> <br /> <input type="submit" val

再看ftp上传文件

前言 去年在项目中用到ftp上传文件,用FtpWebRequest和FtpWebResponse封装一个帮助类,这个在网上能找到很多,前台使用Uploadify控件,然后在服务器上搭建Ftp服务器,在本地测试程序上传到ftp服务器一点问题都没有,奇怪的是当发布Web和ftp到同一个IIS下,上传文件时程序直接卡死,然后页面卡死,后来我又发现把Web和ftp分开发布在两台机器上问题又得到解决,所以当时放弃了这个方案. 再看ftp上传文件 前几天偶然看到Wolfy写到一个项目总结,其中提到了用Ser

Servlet上传文件

1.准备工作 (1)利用FileUpload组件上传文件,需要到apache上下载commons-fileupload-1.3.1.jar 下载地址:http://commons.apache.org/fileupload/ (2)由于文件上传还得有IO流传输,需要到apache上下载commons-io-2.4.jar 下载地址:http://commons.apache.org/io/ 2.正式开发 (1)新建文件上传界面 file.jsp: <%@ page language="ja

PHP7 上传文件报错 Internal Server Error解决方法

上传文件的时候总是提示Internal Server Error错误.错误如下: Internal Server Error 检查Apache的错误日志.Apache/logs/error_log 错误信息为 mod_fcgid: HTTP request length 139072 (so far) exceeds MaxRequestLen (131072) 该错误是上传文件过大,需要修改Apache 和PHP的配置文件的upload上传文件大小 修改您的php.ini内 upload_ma

(转)django上传文件

本文转自:http://www.cnblogs.com/linjiqin/p/3731751.html emplate html(模板文件): <form enctype="multipart/form-data" method="POST" action="/address/upload/"> <input type="file" name="file" /> <br /&g

django中处理文件上传文件

1 template模版文件uploadfile.html 特别注意的是,只有当request方法是POST,且发送request的<form>有属性enctype="multipart/form-data"时,request.FILES中包含文件数据,否则request.FILES为空. <form method="post" action="" enctype="multipart/form-data"

Sharepoint 2010 无法上传文件的问题

现象:用户拥有某文档库的参与讨论权限,但是点击“上传文件”时,系统提示当前用户没有权限 (Access Denied) . 原因:此问题与“内容管理器”这个功能有关系.在启用“内容管理器”功能的Sharepoint网站上,“放置库”(“Drop Off Library”)只被分配了唯一的权限,而网站所有者组是没有这个库的权限.放置库只能通过Official File Web Service使用,记录中心网站的服务的提交帐号是必需是能够上传文档到放置库的帐号. 解决方法: 方法一:如果Shareo