thinkadmin文件上传时获取并显示上传文件名

╰+哭是因爲堅強的太久メ 2022-12-09 04:56 267阅读 0赞

html代码部分

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                    <legend>上传合同</legend>
                </fieldset>
                    <input name="file_path" value=""  type="hidden" id="fp">
                    <button data-file="btn" data-uptype="local"  data-type="doc,docx,xls,xlsx" type="button" data-field="file_path" class="layui-btn layui-btn-normal" data-name="file" >
                        <i class="layui-icon"></i> 上传文件
                    </button>
                    
                    <span id="file_path"></span>
                <p style="margin-top: 20px;"><span style="color: #d43f3a">*</span>注意  <span style="color: #949494;">上传文件的格式xls、docx、pdf，大小不超过2M</span></p>

js代码部分

//    显示上传文件的名字
        $('input[name="file_path"]').change(function(){
            $("#file_path").html($(this).attr("oldname"));
        });

显示结果  
![在这里插入图片描述][20200329171354350.png]

[20200329171354350.png]: /images/20221123/d4281d4c106443c892688064df0c4e17.png

发表评论取消回复

表情：

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

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

相关阅读

相关 SpringBoot设置全局上传文件路径并上传文件

前言在后端处理文件上传的时候，我们通上传文件的时候，一般这个路径不会随便写。比如这篇文章中的路径：[解决SpringBoot文件上传报错：org.apache.to

今天药忘吃喽~/ 2023年09月24日 16:46/ 0 赞/ 71 阅读

相关上传文件，文件名乱码解决

public static String getUTFStringByEncoding(String str) { String encode = "UTF

绝地灬酷狼/ 2023年03月01日 09:10/ 0 赞/ 19 阅读

相关 js图片上传并显示

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

淩亂°似流年/ 2022年12月13日 01:42/ 0 赞/ 249 阅读

相关 thinkadmin文件上传时获取并显示上传文件名

html代码部分 <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20

╰+哭是因爲堅強的太久メ/ 2022年12月09日 04:56/ 0 赞/ 268 阅读

相关 thinkadmin上传与保存资源文件

1、将文件上传至指定目录 2、获取文件的字段与路径 3、保存文件路径（尽量使用相对路径保存） upload.php控制器 <?php namespa

逃离我推掉我的手/ 2022年12月09日 04:56/ 0 赞/ 344 阅读

相关 springmvc上传图片并显示--支持多图片上传

实现上传图片功能在Springmvc中很好实现。现在我将会展现完整例子。开始需要在pom.xml加入几个jar,分别是： <dependency>

电玩女神/ 2022年08月20日 04:13/ 0 赞/ 350 阅读

相关 java ssh文件上传精确计算每个上传文件大小并显示进度

原文：[java ssh文件上传精确计算每个上传文件大小并显示进度][java ssh] 源代码下载地址： [http://www.zuidaima.com/share/18

﹏ヽ暗。殇╰゛Y/ 2022年07月15日 05:59/ 0 赞/ 195 阅读

相关图片上传并显示

问题描述： ![这里写图片描述][SouthEast] 选择了文件过后是这样的： ![这里写图片描述][SouthEast 1] 很显然，这样的按钮并不好看。

比眉伴天荒/ 2022年07月03日 12:30/ 0 赞/ 370 阅读

相关解决jspsmartupload上传文件时文件名中文乱码

解决的方法就是该两个放的参数： 1，上传文件名乱码问题解决方法：把smartUpload.java类中的getDataHeader()方法中的 String

朴灿烈づ我的快乐病毒、/ 2022年05月20日 07:40/ 0 赞/ 333 阅读

相关【SpringBoot学习】5、SpringBoot 实现文件上传，图片上传并显示功能

我先看一下《颈椎病康复指南》再给大家说怎么实现的这两个功能，毕竟只是一个新手，解决这种复杂点的问题（相对而言），还是需要花费大量时间的，这篇文章花了两天的时间才实现的功能，现在

红太狼/ 2022年05月18日 04:36/ 0 赞/ 313 阅读