丶Melody

丶Melody

-80飞吻 2017-05-05 加入 来自济南

(这个人懒得留下签名)

丶Melody 最近的回答

  • 7天前layui 2.1.4 发布,重点加强复杂表头中回答:

    [good]
    心姐 upload上传有BUG呀
    多文件上传的时候设置文件大小 如size:2048 ,
    选择文件的时候会提示文件不能大于2M 之类的提示。
    问题就来了,它不显示在上传table里边,而是加到了上传队列 大小为0KB
    这时候点击上传 提示如下

    除此之外 重复选择一个文件的时候不加到队列 也不提示 但是两个文件交叉选择就会加到队列
    求更新呐 [给力]
  • 7天前文件上传报错中回答:

    @舍不得 Java的?
  • 10天前如果飞吻不够,可在本帖申请增加中回答:

    还能申请吗 心姐
  • 10天前上传图片的时候接口异常,报空指针异常,action里面有setfile的方法,但是file还是为空中回答:

    奇怪的写法,参数写方法里不就行了,multipart file 参数呢 要是不用这个解析 request解析呢 也没有request 参数 ,可能语言问题吧

    multipart 解析
    /**
    * @Title: fileUpload
    * @Description: 单个文件上传 重命名 随机字符串
    * @return String
    */
    public static String fileUpload(MultipartFile file,HttpServletRequest request,HttpServletResponse response){
    //获取图片的原名字
    String oldName=file.getOriginalFilename();
    //截取图片的类型
    String fileType=oldName.substring(oldName.lastIndexOf("."));
    //获取当前时间作为新的图片名字 并加上后缀
    String timeName=UUID.randomUUID()+"";
    String newName=timeName+fileType;
    //获取项目的路径 在项目路径下新建文件夹
    String path= "F:/uploadFile";
    //新建 uploadFile 文件夹 不存在就新建
    File parentPath=new File(path);
    if(!parentPath.exists()){
    parentPath.mkdirs();
    }
    //新建uploadFile文件夹的 (以当前时间命名的) 子文件夹
    String path2=path+"/"+timeName;
    File childPath=new File(path2);
    if(!childPath.exists()){
    childPath.mkdirs();
    }
    String src="";
    try {
    file.transferTo(new File(childPath,newName));
    File theFile=new File(childPath+"/"+newName);
    if(theFile.exists()){
    //拼接图片的相对路径作为URL
    src="/"+timeName+"/"+newName;
    }
    } catch (IllegalStateException e) {
    e.printStackTrace();
    } catch (IOException e) {
    e.printStackTrace();
    }
    return src;
    }
    request解析
    	@RequestMapping(value="/uploadFile")
    public void doGet(HttpServletRequest request) throws ServletException, IOException{
    //设置编码
    request.setCharacterEncoding("UTF-8");

    //获得磁盘文件
    DiskFileItemFactory diskFileItemFactory = new DiskFileItemFactory();

    //设定存放目录
    String path = "F:/image";

    diskFileItemFactory.setRepository(new File(path));
    //设置 缓存的大小,当上传文件的容量超过该缓存时,直接放到 暂时存储室

    diskFileItemFactory.setSizeThreshold(1024*1024);

    ServletFileUpload upload = new ServletFileUpload(diskFileItemFactory);

    try {
    List<FileItem> list = (List<FileItem>)upload.parseRequest(request);

    for(FileItem item : list){
    //获取表单的属性名字

    String Name = item.getFieldName();

    if(item.isFormField()){

    String value = item.getString() ;
    request.setAttribute(Name, value);

    }else{
    //获取路径名
    String value = item.getName() ;
    //索引到最后一个反斜杠
    int start = value.lastIndexOf("\\");

    //截取 上传文件的 字符串名字,加1 去掉反斜杠,
    String filename = value.substring(start+1);
    request.setAttribute(Name, filename);

    OutputStream out = new FileOutputStream(new File(path,filename));

    InputStream in = item.getInputStream() ;
    int length = 0 ;
    byte [] buf = new byte[1024] ;
    System.out.println("获取上传文件的总共的容量:"+item.getSize());
    // in.read(buf) 每次读到的数据存放在 buf 数组中
    while( (length = in.read(buf) ) != -1){
    //在 buf 数组中 取出数据 写到 (输出流)磁盘上
    out.write(buf, 0, length);
    }
    in.close();
    out.close();


    }

    }


    } catch (FileUploadException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
    }

    }
    判断是否上传成功 返回文件路径 拼接成JSON就可以了

    望采纳!
  • 10天前文件上传报错中回答:

    @@不锈阳光光
    html
    <div class="layui-form-item">
    <div class="layui-input-inline">
    <div class="layui-upload">
    <button type="button" class="layui-btn layui-btn-small" id="upload1">身份证复印件</button>
    <button type="button" class="layui-btn layui-btn-small layui-btn-normal" id="start1">开始上传</button>
    <div class="layui-upload-list">
    <img class="layui-upload-img" id="img1" width="100px" height="100px">
    <p id="demoText1"></p>
    <input type="hidden" name="idCardImage" id="idCardImage">
    </div>
    </div>
    </div>
    JS
    	//普通图片上传
    var uploadInst1 = upload.render({
    elem: '#upload1'
    ,url: getPath+'uploadFiles'
    ,auto: false //选择文件后不自动上传
    ,size:200
    ,bindAction: '#start1' //指向一个按钮触发上传
    ,before: function(obj){
    //预读本地文件示例,不支持ie8
    obj.preview(function(index, file, result){
    $('#img1').attr('src', result); //图片链接(base64)
    });
    }
    ,done: function(res){
    //如果上传失败
    if(res.code!=0){
    return layer.msg('上传失败');
    }else if(res.code==0){
    $('#idCardImage').val(res.data);
    $('#start1').hide();
    layer.msg(res.msg,{icon:1});
    $('#demoText1').html('<span style="color: #FF5722;">重新上传请点击图片删除!</span>');
    }
    //上传成功
    }
    ,error: function(){
    //演示失败状态,并实现重传
    var demoText = $('#demoText1');
    demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
    demoText.find('.demo-reload').on('click', function(){
    uploadInst1.upload();
    });
    }
    });
    页面



    望采纳!
  • 16天前如果飞吻不够,可在本帖申请增加中回答:

    [good]
  • 18天前layui 2.1.2 发布,修复了 6 个 Bug中回答:

    @贤心 贤心大神 这个laydate有个问题 input绑定onblur事件的时候 页面加载完选时间的时候直接点确定 不会触发onblur 这个问题很难受呀
  • 22天前layui富文本编辑器添加图片中回答:

    @Maginsiw 很早就解决了
  • 22天前layui 2.1.1 发布,开学之礼中回答:

    @贤心 laydate 点击选择时分秒 输入框会失去焦点 onblur 事件就会触发 算是bug吗
  • 2017-08-23 17:50:11下拉框隐藏并取消选中中回答:

  • 2017-08-05 15:49:59layui表单开关回显问题中回答:

    已解决 需要移除或添加class还有开关的显示值
    if(date.allDay){
    $('#allDay').attr('checked','checked');
    $('.allDay .layui-unselect').addClass('layui-form-onswitch');
    $('.allDay .layui-unselect').find('em').html('ON');
    $('#endTime2').hide();
    flag="true";
    }else{
    $('#allDay').removeAttr('checked');
    $('.allDay .layui-unselect').removeClass('layui-form-onswitch');
    $('.allDay .layui-unselect').find('em').html('OFF');
    $('#end2').show();
    layer.tips('温馨提示:请选择结束时间段且不能小于等于开始时间!', '#end2',{tips:[2,'red']});
    flag="false";
    }
    if(date.url==null||date.url==""){
    $('#allDay').removeAttr('checked');
    $('.URL .layui-unselect').removeClass('layui-form-onswitch');
    $('.URL .layui-unselect').find('em').html('OFF');
    $('#URL2').hide();
    $('#url2').val("");
    urlflag="false";
    }else{
    alert(date.url);
    $('#lianjie2').attr('checked','checked');
    $('.URL .layui-unselect').addClass('layui-form-onswitch');
    $('.URL .layui-unselect').find('em').html('ON');
    $('#URL2').show();
    urlflag="true";
    }
  • 2017-08-05 15:13:58layui 新公众号,欢迎关注中回答:

    已关注+11
  • 2017-08-05 14:38:38Java基于fly模板的富文本图片上传分享 希望对刚接触layui的有所帮助中回答:

    @yxc249846170 在 最近没来社区
  • 2017-07-27 16:23:31layui的富文本编辑器是怎么验证的中回答:

  • 2017-07-27 16:23:09layui的富文本编辑器是怎么验证的中回答:

    按文档格式返回json就可以了