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

╰+哭是因爲堅強的太久メ 2022-12-09 04:56 207阅读 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 条评论，207人围观）

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

相关阅读

相关 Ueditor上传视频时提示“非法上传文件”

ueditor上传视频提示“非法上传文件”时，可以通过查看上传文件的扩展名、文件大小以及系统允许上传文件大小方面去查找原因![20201216151205708.png][]

短命女/ 2022年12月28日 09:29/ 0 赞/ 114 阅读

相关 js图片上传并显示

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关图片上传并显示

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

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

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

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

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

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

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

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

相关 JAVA小练习90——获取上传文件名

public class Demo90 { public static void main(String[] args) {

忘是亡心i/ 2022年01月26日 17:13/ 0 赞/ 574 阅读