JQ根据文件名抽出文件后缀的方法-劣版

最新推荐文章于 2024-08-25 04:09:31 发布

yunsky00

最新推荐文章于 2024-08-25 04:09:31 发布

阅读量759

点赞数

CC 4.0 BY-SA版权

分类专栏：个人记录文章标签： js

本文链接：https://blog.csdn.net/u014048515/article/details/52162479

个人记录专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现文件后缀名动态展示的方法。通过创建隐藏域来存储文件名，并利用jQuery遍历这些隐藏域，提取文件扩展名并显示出来。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

摘要：这是

1、在HTML中需要设置两个隐藏域和一个显示后缀的元素：

<span style="white-space:pre">	</span><input type="hidden" id="n${bean.id}" value="${bean.zy.zymc}"/>   //<span style="font-family: Arial, Helvetica, sans-serif;">${bean.zy.zymc}为文件名</span>
<span style="white-space:pre">	</span><input type="hidden" class="zymc" value="${bean.id}"/><span style="font-family: Arial, Helvetica, sans-serif;">	</span>

<span style="white-space:pre"></span><pre name="code" class="html"><span style="white-space:pre">	</span><span id="l${bean.id}"></span>

2、当网页加载时，找到隐藏域中的值，并把后缀名分离开。

	$().ready(function(){
			//获取所有id
			var list=new Array();
            $(".zymc").each(function (){
                list.push($(this).val());
            });			
            if(list.length>0){
            	for(var i=0;i<list.length;i++){
            		var str1="#n"+list[i].toString();
            		var str2="#l"+list[i].toString();
            		var name=$(str1).val();
            		var fileExtension = name.split('.').pop().toUpperCase();   //用split分离，大写
            		$(str2).text(fileExtension);
            	}
            }
		});