layui 上传文件,只做读取操作，并不上传

客官°小女子只卖身不卖艺 2023-01-05 12:49 176阅读 0赞

[layui upload 文档说明][layui upload]

upload.render({ 
            elem: '#test10'
            , url: ''
            , auto: false //选择文件后不自动上传
            , accept: 'file' //普通文件
            , size: 10000
            , exts: 'txt' //只允许上传txt文件
            , choose: function (obj) { 
                console.log("obj : %s", obj);
                //预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
                obj.preview(function (index, file, result) { 
                //去掉base64位头部
                    var txt = result.replace(/^data:text\/\w+;base64,/, "");
                    var urlStr = Base64.decode(txt).split("\r");
                    console.log("urlStr : %s", urlStr);
                    if (urlStr !== undefined && urlStr.length > 0) { 
                        var startRequest = [];
                        for (index in urlStr) { 
                            startRequest.push({ url: urlStr[index].replace("\n","")})
                        }
                        startReqEditor.set(startRequest);
                    }
                });
                return false;
            }
        });

[layui upload]: https://www.layui.com/doc/modules/upload.html

发表评论取消回复

表情：

评论列表（有 0 条评论，176人围观）

还没有评论，来说两句吧...

相关阅读

相关 LayUI upload上传组件上传文件的两种方式（手动上传、自动上传）

1 手动上传上传文件分为两步，第一步选择文件，第二步上传文件。 HTML代码： <input type='button' id='selectFile' v

迷南。/ 2023年10月05日 15:29/ 0 赞/ 69 阅读

相关 layui 上传文件,只做读取操作，并不上传

[layui upload 文档说明][layui upload] upload.render({ elem: 'test10'

客官°小女子只卖身不卖艺/ 2023年01月05日 12:49/ 0 赞/ 177 阅读

相关关于layui文件上传-- 多图片上传预览

<html> <head> <meta charset='UTF-8'> <meta name='Author'

忘是亡心i/ 2022年05月27日 01:17/ 0 赞/ 396 阅读

相关 layui多文件上传

效果图： ![这里写图片描述][70] 页面的编写（注意：引入layui相关的css）： <body class="childrenBody"> <d

傷城~/ 2022年05月14日 05:28/ 0 赞/ 369 阅读

相关 input 文件上传 --- 只上传指定文件

> 最近项目要做一个文件上传功能, 只上传 Excel 表统计数据,这里只需在form表单中 input 标签中,添加一个属性即可 <%--存放上传文件的表单域，名

你的名字/ 2022年05月11日 00:16/ 0 赞/ 564 阅读

相关 LayUI文件上传案例

1、前端页面代码 <div class="layui-upload"> <button type="button" class="layui-btn

不念不忘少年蓝@/ 2022年05月09日 01:26/ 0 赞/ 915 阅读

相关【Layui】上传文件

> [《图片/文件上传 - layui.upload》][- layui.upload] 最近在做的一个功能里，需要在某些条件成立的情况下，才允许上传文件。方法一：设置不

Dear 丶/ 2022年04月22日 09:32/ 0 赞/ 262 阅读

相关 springboot maven+layui上传文件

layui上传文件常用的两种调用方法： 1.调用本地项目的 controller 的方法 2.调用远程服务器封装好的文件上传接口两种方法都是先调用方法/接口返回图片的

╰半橙微兮°/ 2022年01月26日 08:21/ 0 赞/ 377 阅读

相关上传读取Excel文件内容并入库

需求：读取前端上传的Excel，将数据入库，本工具类仅读取文件内容，不涉及到入库。当然，既然已经拿到了数据，那入库轻而易举。 package com.xx.utils

淡淡的烟草味﹌/ 2021年09月23日 11:00/ 0 赞/ 479 阅读

相关 layui+php多文件上传

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ

我会带着你远行/ 2021年07月25日 00:39/ 0 赞/ 515 阅读