精华内容
下载资源
问答
  • Layui文件上传(java)

    万次阅读 热门讨论 2018-01-03 22:46:16
    Layui文件上传的一些参数,这里不过多介绍,详情可看Layui文件上传参数设置,这里主要介绍【springMVC】上传文件单文件上传springmvc.xml加入配置

    Layui文件上传的一些参数,这里不过多介绍,详情可看Layui文件上传参数设置,这里主要介绍【springMVC】上传文件

    spring配置

    springmvc.xml加入配置

    <bean id="multipartResolver"
            class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
            <property name="maxUploadSize" value="1000000000" />
        </bean>

    单文件上传

    html代码:

      <div class="layui-upload" style="margin-left: 30px;margin-right: 30px;">
       <div style="margin-top: 171px;float: left;"><label class="layui-form-label">店铺图片</label></div>
      <div class="layui-upload-list" style="float: left;">
        <img class="layui-upload-img" id="demo1" style="width: 200px;height: 200px;margin: 0 10px 10px 0;">
        <p id="demoText"></p>
        <input type="hidden" name="pic" id="pic"  value="${store.pic }">
    
      </div>
      <div style="float: left;margin-top: 171px;"><button type="button" class="layui-btn" id="test1">上传图片</button></div>
    </div>

    js代码:

    layui.use(['form','layer','table','upload'], function(){
              var table = layui.table
              ,form = layui.form,upload = layui.upload;
               var uploadInst = upload.render({
                elem: '#test1'
                ,url: 'sysstore/uploadImg'
                ,before: function(obj){
                  //预读本地文件示例,不支持ie8
                  obj.preview(function(index, file, result){
                    $('#demo1').attr('src', result); //图片链接(base64)
                  });
                }
                ,done: function(res){
                  //如果上传失败
                  if(res.code > 0){//自定义返回失败
                    return layer.msg('上传失败');
                  }else{
                      $('#pic').val(res.img); 
                  }
                  //上传成功
                }
                ,error: function(){
                  //演示失败状态,并实现重传
                  var demoText = $('#demoText');
                  demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
                  demoText.find('.demo-reload').on('click', function(){
                    uploadInst.upload();
                  });
                }
              });
    
    })

    service之-java代码(我返回的是文件路径名):

    public String uploadImg(MultipartFile file) {
            if (null != file) {
                String myFileName = file.getOriginalFilename();// 文件原名称
                String fileName = BasePath.getImgPath("yyyyMMddHHmmss")+
                        Integer.toHexString(new Random().nextInt()) +"."+ myFileName.
                        substring(myFileName.lastIndexOf(".") + 1);  
                String pat=FileProperties.getFilePath()+"/src/main/webapp/";//获取文件保存路径
                String sqlPath="static/images/upload/storeHead/"+BasePath.getImgPath("yyyyMMdd")+"/"; 
    
                File fileDir=new File(pat+sqlPath);
                if (!fileDir.exists()) { //如果不存在 则创建     
                     fileDir.mkdirs();    
                 } 
                String path=pat+sqlPath+fileName;
                File localFile = new File(path);  
                try {
                    file.transferTo(localFile);
                    return sqlPath+fileName;
                } catch (IllegalStateException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                } catch (IOException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
            }else{
                System.out.println("文件为空");
            }
            return null;
        }
    

    鉴于大家对SysFileEntity多有异议这里补上这个实体类

    package com.yun.entity;
    
    import java.io.Serializable;
    
    import org.springframework.format.annotation.DateTimeFormat;
    
    import com.fasterxml.jackson.annotation.JsonFormat;
    
    import lombok.Data;
    
    
    @Data
    public class SysFileEntity implements Serializable {
        private static final long serialVersionUID = 1L;
    
        /**
         * 文件id
         */
        private Long fileId;
        /*
    
         */
        private String orderNum;
        /**
         * 原始文件名
         */
        private String fileName;
        /**         
         * 文件路径
         */
        private String fileUrl;
        /**
         * 用户id
         */
        private Long userId;
        /**
         * 用户
         */
        private String userName;
        /**
         * 店铺id
         */
        private Long storeId;
        /**
         * 店铺名称
         */
        private String storeName;
        /**
         * 文件状态 0:待处理  1:处理完待收货  2 :完成交易
         */
        private Integer status;
        /**
         * 创建时间
         */
         @JsonFormat(pattern="yyyy-MM-dd",timezone = "GMT+8")
         @DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss") 
        private String createIme;
    
    }

    多文件上传

    html代码:

    <div class="layui-upload-list">
                                    <table class="layui-table" style="overflow: auto;">
                                        <thead>
                                            <tr>
                                                <th>文件名</th>
                                                <th>大小</th>
                                                <th>状态</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody id="demoList"></tbody>
    
                                    </table>
                                </div>

    js代码:

    layui.use(['upload','form', 'layer'], function() {
                var $ = layui.jquery,
                    layer = layui.layer,
                    form=layui.form,
                    upload = layui.upload;
                    //多文件列表示例
                var demoListView = $('#demoList'),
                    uploadListIns = upload.render({
                        elem: '#testList',
                        url: 'sysstore/uploadMultiFile',//上传路径
                        accept: 'file',
                        multiple: true,
                        size: 51200, //最大允许上传的文件大小kb
                        auto: false,
                        exts: 'pdf',//文件类型 pdf|doc|docx
                        number: 50 ,//最多上传文件数为5
                        bindAction: '#testListAction',
                        before: function(obj) { //obj参数包含的信息,跟 choose回调完全一致,可参见上文。
    
                            layer.load(); //上传loading
                            this.data={'storeId': storeId,'storeName':storeName};
                        },
                        choose: function(obj) {
                            var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
    
                            //读取本地文件
                            obj.preview(function(index, file, result) {
                                var tr = $(['<tr id="upload-' + index + '">', '<td>' + file.name + '</td>', '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>', '<td>等待上传</td>', '<td>', '<button class="layui-btn layui-btn-mini demo-reload layui-hide">重传</button>', '<button class="layui-btn layui-btn-mini layui-btn-danger demo-delete">删除</button>', '</td>', '</tr>'].join(''));
    
                                //单个重传
                                tr.find('.demo-reload').on('click', function() {
                                    obj.upload(index, file);
                                });
    
                                //删除
                                tr.find('.demo-delete').on('click', function() {
                                    delete files[index]; //删除对应的文件
                                    tr.remove();
                                    uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值,以免删除后出现同名文件不可选
                                });
                                demoListView.append(tr);
                            });
                        },
                        done: function(res, index, upload) {
                            if(res.code == 0) { //上传成功
                                var tr = demoListView.find('tr#upload-' + index),
                                    tds = tr.children();
                                tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
                                tds.eq(3).html(''); //清空操作
                                layer.closeAll('loading'); //关闭loading
                                delete this.files[index]; //删除文件队列已经上传成功的文件
                                return;
                            }
                            this.error(index, upload);
                            layer.closeAll('loading'); //关闭loading
                        },
                        error: function(index, upload) {
                            var tr = demoListView.find('tr#upload-' + index),
                                tds = tr.children();
                            tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
                            tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
                            layer.closeAll('loading'); //关闭loading
                        }
                    });
                    });

    service之-java代码:
    request获取文件名

    public void webUploadFile(HttpServletRequest request, HttpServletResponse response,SysFileEntity sysFileEntity) {
            // TODO Auto-generated method stub
            //创建一个通用的多部分解析器  
            CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(request.getSession().getServletContext());  
            //判断 request 是否有文件上传,即多部分请求  
            if(multipartResolver.isMultipart(request)){  
                //转换成多部分request    
                MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest)request;  
                //取得request中的所有文件名  
                Iterator<String> iter = multiRequest.getFileNames();  
                while(iter.hasNext()){  
                    //取得上传文件  
                    MultipartFile file = multiRequest.getFile(iter.next());  
                    if(file != null){  
                        //取得当前上传文件的文件名称  
                        String myFileName = file.getOriginalFilename();  
                        //如果名称不为“”,说明该文件存在,否则说明该文件不存在  
                        if(myFileName.trim() !=""){  
                            System.out.println(myFileName);  
                            //重命名上传后的文件名  按照年月日时分秒进行命名
                            String fileName = BasePath.getImgPath("yyyyMMddHHmmss")+
                                    Integer.toHexString(new Random().nextInt()) +"."+ myFileName.
                                    substring(myFileName.lastIndexOf(".") + 1);  
                            //定义上传路径  
                            try {
                                String pat=FileProperties.getFilePath()+"/src/main/webapp/";//获取文件保存路径
                                String sqlPath="static/images/upload/"+BasePath.getImgPath("yyyyMMdd")+"/";
                                File fileDir=new File(pat+sqlPath);
                                if (!fileDir.exists()) { //如果不存在 则创建     
                                     fileDir.mkdirs();    
                                 } 
                                String path=pat+sqlPath+fileName;
                                //存文件
                          File localFile = new File(path);  
                                file.transferTo(localFile);
                            } catch (IllegalStateException e) {
                                // TODO Auto-generated catch block
                                e.printStackTrace();
                            } catch (IOException e) {
                                // TODO Auto-generated catch block
                                e.printStackTrace();
                            }  
                        }  
                    }  
                }  
    
            }
        }
    展开全文
  • HTML代码 <div class=" layui-fluid layui-bg-white"> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">...拖拽上传</legend> </fie...

    HTML代码

    <div class=" layui-fluid layui-bg-white">
    
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>拖拽上传</legend>
        </fieldset>
    
        <div class="layui-upload-drag" id="demoimport">
            <i class="layui-icon"></i>
            <p>点击上传,或将文件拖拽到此处</p>
        </div>
    
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>为节省服务器开销,导入文件均为临时文件。</legend>
        </fieldset>
    
    </div>
    

    JS代码

       layui.use('upload', function () {
            var $ = layui.jquery
                    , upload = layui.upload;
    
            //拖拽上传
            upload.render({
                elem: '#demoimport'
                , url: '?m=Demo&a=uploadFile'
                , accept: 'file' //普通文件
                , exts: 'xls|xlsx' //只允许上传压缩文件
                , done: function (res) {
                    //如果上传失败
                    if (res.code == 0) {
                        return layer.msg('上传失败,' + res.err);
                    }
                    //上传成功
                    if (res.code > 0) {
                        layer.alert(res.err, {icon: 6}, function () {
                            var index = parent.layer.getFrameIndex(window.name);
                            parent.layer.close(index);
                            window.parent.location.reload();
                        });
                    }
                }
            });
        });
    

    PHP后台参数获取

    //获取表格的大小,限制上传表格的大小5M
    	$file_size = $_FILES['file']['size'];
    	if ($file_size > 5 * 1024 * 1024) {
    		$res['code'] = '0';
    		$res['err']  = '只能上传小于5M大小的文件!';
    		die(json_encode($res));
    	}
    
    //限制上传表格类型
    	$file_type = $_FILES['file']['type'];
    	if ($file_type != 'application/vnd.ms-excel') {
    		$res['code'] = '0';
    		$res['err']  = '上传失败,只能上传excel2003的xls格式!';
    		die(json_encode($res));
    	}
    

    Done!

    展开全文
  • layui文件上传后台(带自定参数

    千次阅读 2019-04-02 10:17:17
    记录layui文件上传方法,前端页面直接看layui文件上传相关文档就行,主要是记录后端Java接收上传流并保存的方法 layui文档:https://www.layui.com/doc/modules/upload.html 因为该方法使用MultipartFile来接收...

    记录layui文件上传方法,前端页面直接看layui文件上传相关文档就行,主要是记录后端Java接收上传流并保存的方法

    layui文档:https://www.layui.com/doc/modules/upload.html

    因为该方法使用MultipartFile来接收layui上传流,所以需要在SpringMVC中配置multipart

    <bean id="multipartResolver"
            class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
            <property name="maxUploadSize" value="1000000000" />
        </bean>

     用于封装返回值编写的实体类Result(规范接口吐数据格式)

    package demo.util;
    
    import java.io.Serializable;
    import java.util.Map;
    
    import io.swagger.annotations.ApiModel;
    import io.swagger.annotations.ApiModelProperty;
    
    
    
    /**
     * 
    * 类名称:Result   
    * 类描述:  结果对象    
    * @version
     */
    @ApiModel(description = "Result实体类")
    public class Result<T> implements Serializable {
    
       private static final long serialVersionUID = 1L;
    
       /**
        * 编码
        */
       @ApiModelProperty(value = "编码")
       private int code;
    
       /**
        * 是否操作成功
        */
       @ApiModelProperty(value = "是否操作成功")
       private boolean success;
    
       /**
        * 提示信息
        */
       @ApiModelProperty(value = "提示信息")
       private String message;
    
       /**
        * 返回结果
        */
       @ApiModelProperty(value = "返回结果")
       private T result;
    
       public Result() {
          this(1, null, null, null);
       }
    
       public Result(int code) {
          this(code, null, null, null);
       }
    
       public Result(int code, Map<String, String> params) {
          this(code, params, null, null);
       }
    
       public Result(int code, T result) {
          this(code, null, null, result);
       }
    
       public Result(int code, Map<String, String> params, T result) {
          this(code, params, null, result);
       }
    
       public Result(int code, String message, T result) {
          this(code, null, message, result);
       }
    
       public Result(boolean isSuccess, String message, T result) {
          this((isSuccess ? 1 : 0), null, message, result);
       }
    
       public Result(int code, Map<String, String> params, String message, T result) {
          this.code = code;
          this.success = 1 == code;
          this.message = message ;
          this.result = result;
       }
    
       /**
        * 新建结果对象
        * 
        * @param isSuccess
        * @return
        */
       public static <T> Result<T> newResult(boolean isSuccess) {
          return new Result<T>(isSuccess, null, null);
       }
    
       /**
        * 新建结果对象
        * 
        * @param code
        * @param result
        * @return
        */
       public static <T> Result<T> newResult(int code, T result) {
          return new Result<T>(code, result);
       }
    
       /**
        * 新建结果对象
        * 
        * @param code
        * @param params
        * @return
        */
       public static <T> Result<T> newResult(int code, Map<String, String> params) {
          return new Result<T>(code, params, null);
       }
    
       /**
        * 新建结果对象
        * 
        * @param code
        * @param params
        * @param result
        * @return
        */
       public static <T> Result<T> newResult(int code, Map<String, String> params, T result) {
          return new Result<T>(code, params, result);
       }
    
       /**
        * 新建结果对象
        * 
        * @param code
        * @param message
        * @param result
        * @return
        */
       public static <T> Result<T> newResult(int code, String message, T result) {
          return new Result<T>(code, message, result);
       }
    
       /**
        * 新建结果对象
        * 
        * @param isSuccess
        * @param message
        * @param result
        * @return
        */
       public static <T> Result<T> newResult(boolean isSuccess, String message, T result) {
          return new Result<T>(isSuccess, message, result);
       }
    
       /**
        * 新建成功结果对象
        * 
        * @return
        */
       public static <T> Result<T> newSuccessResult() {
          return newResult(true, null, null);
       }
    
       /**
        * 新建成功结果对象
        * 
        * @param result
        * @return
        */
       public static <T> Result<T> newSuccessResult(T result) {
          return newResult(true, null, result);
       }
    
       /**
        * 新建失败结果对象
        * 
        * @return
        */
       public static <T> Result<T> newFailureResult(String message) {
          return new Result<T>(0, null, message, null);
       }
    
       /**
        * 新建失败结果对象
        * 
        * @param code
        * @return
        */
       public static <T> Result<T> newFailureResult(int code) {
          return new Result<T>(code, null, null, null);
       }
    
       public void setCode(int code) {
          this.code = code;
       }
    
       public int getCode() {
          return code;
       }
    
       public void setSuccess(boolean success) {
          this.success = success;
       }
    
       public boolean getSuccess() {
          return success;
       }
    
       public void setMessage(String message) {
          this.message = message;
       }
    
       public String getMessage() {
          return message;
       }
    
       public void setResult(T result) {
          this.result = result;
       }
    
       public T getResult() {
          return result;
       }
    
    } 

     Java上传方法

    /**
         * layui图片上传
         * @param multipartFile 上传文件file
         * @param version     传递的参数 
         * @return
         */
        @RequestMapping("/layupload")
        @ResponseBody
        public Result saveUploadPicture(@RequestParam(value="file") MultipartFile multipartFile,String version) {
    
            //FIXME:此行改为所在工程的对应的上传物理路径
            String uploadAbsolutePath = "D:///file//image";
            // 根据绝对路径在本地生成路径所需目录
            File file = new File(uploadAbsolutePath);
    
            if (!file.exists() && !file.mkdirs()) {
                // 如果file对象不存在,那么就将该对象的路径名中不存在的文件夹目录建立出来
                return Result.newFailureResult("文件上传路径不存在");
            }
            //原文件名
            String names = multipartFile.getOriginalFilename();
            // 文件扩展名
            String fileExt = names.substring(names.lastIndexOf(".") + 1).toLowerCase();
    
            // 文件上传后的新名
            String newName = version+ "." + fileExt;
            // 文件的绝对路径File
            File uploadFile = new File(uploadAbsolutePath + "/" + newName);
            try {
                // 将上传的图片二进制流保存为文件
                 FileCopyUtils.copy(multipartFile.getInputStream(), new FileOutputStream(uploadFile));
            } catch (IOException ioException) {
                log.info("图片保存到文件夹中出错!");
                Result.newFailureResult("文件上传失败");
            } catch (Exception e) {
               log.info("文件没有复制到指定的目录下");
            }
            Map<String, Object> result = new HashMap<>(2);
            result.put("oldName", names);
            result.put("newName", newName);
            //如果不使用封装返回方式,也可以直接返回map对象,可根据自己喜好和业务做修改
            return Result.newResult(1,"上传文件成功",result);
        }

     

    展开全文
  • layui 上传文件参数

    千次阅读 2018-08-22 09:23:12
    layui.use('upload', function () { var $ = layui.jquery , upload = layui.upload; //普通图片上传 var uploadInst = upload.render({ elem: '#op1uplload' , method: "post" , url: '...
       function getuploaddata() {
                console.log("getuploaddata");
                var json = {
                    "ASPSESSID": "hh", "ActionName": "MultiFile", "folder": "QMS", "subfolder": "", "sysid": "WebChart", "form_id": "xxx",
                    "path": "ftp://www.qmtec.net/kaFastFlow/Flow/18081121524585016", "waterWords": "N",
                    "form_type": "888888",
                    "location": "Item",
                    "operation": "op",
                    "level": 8,
                    "memo": $('#txtfiledesc').val(),
                    "lot": "lot",
                    "item_id": "item",
                    "item_desc": "name",
                    "user_id": "user",
                    "user_name": "username",
                    "vendor": "vendor",
                    "status": "New",
                    "trx_id": "trxid",
                    "info": "info",
                    "authority": "user"
                }
                return json;
            }
           
            layui.use('upload', function () {
                var $ = layui.jquery
                    , upload = layui.upload;
    
                //普通图片上传
                var uploadInst = upload.render({
                    elem: '#op1uplload'
                    , method: "post"
                   
                    , url: 'http://localhost/WorkFlow/httpserver/formftp.ashx'
                    , multiple: true
                    , accept: 'file' //普通文件
                    , before: function (obj) {
                        //预读本地文件示例,不支持ie8
                        this.data = getuploaddata();
                        layer.load(); //上传loading
                    }
                    , done: function (res) {
                        layer.closeAll('loading'); //关闭loading
                        if (res.code == "000") {
                            //do something (比如将res返回的图片链接保存到表单的隐藏域)
    
    
                            layer.msg('上传成功');
    
                        }
                        else {
    
                            layer.msg("上传失败  " + res.msg);
                        }
                    }
                    , error: function () {
                        layer.closeAll('loading'); //关闭loading
                        layer.msg('上传失败');
                    }
                });
    
            });
        </script>

     

     

    展开全文
  • 找到设置文件上传类型的设置的参数 代码 <div class="layui-upload-drag" id="test10"> <i class="layui-icon"></i> <p>点击上传,或将文件拖拽到此处</p> <div class=...
  • 1、首先官网:图片/文件上传 可以参考官网的例子。 注意:请求上传接口的额外参数。如:data: {id: ‘xxx’} 从 layui 2.2.6 开始,支持动态值 2、前台代码 html <form class="layui-form"> <div class...
  • 基于layui文件上传组件

    千次阅读 2019-07-09 10:26:44
    基于layui文件上传二次封装,修改layui源码实现放弃上传,确保上传接口能通,否则图片不会反显 该组件支持图片、文件上传,具体使用见文档。 layui_demo文件上传/layui-demo/examples/upload.html demo效果图 一、 ...
  • SpringBoot+layui文件 上传,预览上传下载预览 JavaWeb+layui 实现 上传 上传使用layui组件 /** * 文件上传路径映射类 * @author guoanhao * @since 2021-03-22 19:15:09 * @ConfigurationProperties:前缀 */ ...
  • 做课程设计时候,用到了layui文件上传接口,参考官方文档给出的响应接口文档: { "code": 0 ,"msg": "" ,"data": { "src": "http://cdn.layui.com/123.jpg" } } 然后具体的上传书写方式分为前端和后端,...
  • 1,文件上传控件开启 2,before内添加方法,以json格式存储数据。...以上这篇layui文件上传控件带更改后数据传值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
  • 先来看下上传时的效果图 ...引入layui的css文件和js文件 页面元素代码如下 主要分为video展示视频,上传按钮,删除按钮。 视频的展示区域是宽300像素,高200像素,因为有全屏功能,这点区域够用了。 <form class="l
  • 如何学会玩转LayUi文件上传 首先我们先看一个LayUi官方文档给我们提供的东西: layui.use('upload', function(){ var $ = layui.jquery ,upload = layui.upload; //普通图片上传 var uploadInst = upload....
  • 这里写自定义目录标题使用环境一、LayUI upload实现文件上传二、后端代码三、水话 使用环境 后端:SpringCloud 前端LayUI 一、LayUI upload实现文件上传LayUI官网使用Upload内置模块来接收文件 LayUI官网:...
  • 先来看下上传时的效果图实现功能如下上传视频功能点击播放以及全屏功能(自带)删除...删除视频(后端)一、上传视频(前端)引入layui的css文件和js文件页面元素代码如下主要分为video展示视频区域,上传按钮,删除按钮。...
  • layui.use(['upload', 'form'], function () { var upload = layui.upload; var form = layui.form; upload.render({ elem: '#uploadCover' ...
  • 1、目的需求:前台批量上传文件,并在后台进行接收 前台代码:配置URL路径:url: '/KeepElectricty/uploadfiles'其中KeepElectricty是控制器,uploadfiles是接收方法 <!--HTML部分--> <div class=...
  • layui中upload上传文件并传递参数

    千次阅读 2019-11-19 15:26:18
    使用layui文件上传功能,需要传入id和tablename两个参数 layui.upload.render({ elem:'#id', url:'接口路径', accept:'file', size:'传入文件的大小', before: function (){ this.data = { id: '传入id...
  • 废话不说,直接上代码: //下拉列表-年份 var nowyear; function getYear() { nowyear = new Date().getFullYear(); //获取当前年份 // var sel = document.getElementById ('sel');//获取select下拉列表 var...
  • 1.修改上传组件js(没测) https://blog.csdn.net/weixin_42457316/article/details/81017471 https://www.cnblogs.com/youmingkuang/p/9183528.html https://fly.layui.com/jie/19430/ 1、upload.js 扩展 功能...
  • html select 下拉框显示 222 444 555 666 layui文件上传并携带动态select选中参数layui.use('upload', function(){ var $=layui.jquery ,upload = layui.upload; //多文件列表示例 var demoListView=$...
  • layui文件上传控件带更改后数据传值

    千次阅读 2018-03-19 11:36:54
    1,文件上传控件开启2,before内添加方法,以json格式存储数据。数据以对象形式存在,切对象格式不能直接传到后台,所以转化为json格式再进行传送。3,后台String接收param参数,转为json,直接通过get方法取值保存...
  • layui文件上传-删除文件

    千次阅读 2020-08-31 13:24:03
    layui文件上传功能相对来说做的不是很完善,很多需求可能需要自己去实现,就像常见的文件手动上传时,对于选中的文件进行删除重新选择,这个就需要自己去现实,这里用上传图片做一个简单示例。 HTML代码: <div...
  • 问题定位 起初代码如下,在before事件中获取参数,给data属性赋值。 var uploadObject = upload.render({ ...... ,auto: false ,before: function(obj){ this.data = { args1: $('#args1').val(), args2: $('...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,101
精华内容 440
关键字:

layui文件上传获取参数