`
linhui_dragon
  • 浏览: 155123 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

JS获取上传文件后缀名

 
阅读更多

js 文件名截取(后缀名、全名、不带后缀名)

<script language="javascript" type="text/javascript">
//取整个文件的路径并且把文件名赋给文件名
var isTrue = true;
function GetName(obj) {
CheckType(obj);

if (isTrue) {
//隐藏控件赋值

var hfExName = document.getElementById("<%=hfExName.ClientID %>");
hfExName.value = GetFileName(obj.value);
//服务控件文本框jq写法 id= "txtName" <Asp:TextBox />

$("#<%=txtName.ClientID %> input")[0].value = GetFileNameNoExt(obj.value); // GetFileName(obj.value);
}
}
//字符串逆转
function strturn(str) {
if (str != "") {
var str1 = "";
for (var i = str.length - 1; i >= 0; i--) {
str1 += str.charAt(i);
}
return (str1);
}
}
//限制文件类型
function CheckType(obj) {

if (obj.value.length > 0) {
var af = "txt,docx,doc,docm,dotx,dotm,pptx,accdb,vsd,xlsx,xlsm,xltx,xlsb,xlam";
if (eval("with(obj.value)if(!/" + af.split(",").join("|") + "/ig.test(substring(lastIndexOf('.')+1,length)))1;")) {
alert("支持上传文件类型:\n" + af);

isTrue = false;
} else {
isTrue = true;

}
} else {

isTrue = false;
}
}
//取文件后缀名
function GetFileExt(filepath) {
if (filepath != "") {
var pos = "." + filepath.replace(/.+\./, "");
return pos;
}
}
//取文件名不带后缀
function GetFileNameNoExt(filepath) {
var pos = strturn(GetFileExt(filepath));
var file = strturn(filepath);
var pos1 =strturn( file.replace(pos, ""));
var pos2 = GetFileName(pos1);
return pos2;

}
//取文件全名名称
function GetFileName(filepath) {
if (filepath != "") {
var names = filepath.split("\\");
return names[names.length - 1];
}
}
//动态绑定文件详细类型
function DataBind(e, s) {
$.ajax({
type: "POST",
processData: false, //用POST方式传输
url: '../AjaxRequestPages/SellContract/Ajax_SellPactFileManager.aspx?FileTypeID=' + s.GetValue(), //目标地址
success: SetDdlFPType
});
// success: function(json));
}
//回调函数
function SetDdlFPType(htmls) {
if (htmls != null && htmls != "") {
var l = htmls.length;
var html = left(htmls, l - 1);
var fTT = ddlFPType;
fTT.ClearItems();
var htmlList = html.split(',');
for (i = 0; i < htmlList.length; i++) {
fTT.AddItem(htmlList[i].split('=')[1], htmlList[i].split('=')[0]);
}
fTT.SetSelectedIndex(0); //默认把第一个人选上
} else {
alert("获取详细类型时出现异常!");
}
}
//去掉字符串的最后一个字符
function left(mainStr, lngLen) {
if (lngLen > 0) { return mainStr.substring(0, lngLen) }
else { return null }
}
</script>

 

<asp:FileUpload ID="fileUpload" runat="server" onfocus="GetName(this)" />

 

 

 

 

js 2 更新

 

<script language="javascript" type="text/javascript">
//取整个文件的路径并且把文件名赋给文件名
var isTrue = true;
function GetName(obj) {
CheckType(obj);

if (isTrue) {
var hfExName = document.getElementById("<%=hfExName.ClientID %>");
hfExName.value = GetFileName(obj.value);
$("#<%=txtStandardName.ClientID %> input")[0].value = GetFileNameNoExt(obj.value); // GetFileName(obj.value);
//document.getElementById("<%=txtStandardName.ClientID %>").value = GetFileNameNoExt(obj.value);
}
}
//限制文件类型
function CheckType(obj) {

if (obj.value.length > 0) {
var af = "txt,docx,doc,docm,dotx,dotm,pptx,accdb,vsd,xlsx,xlsm,xltx,xlsb,xlam";
if (eval("with(obj.value)if(!/" + af.split(",").join("|") + "/ig.test(substring(lastIndexOf('.')+1,length)))1;")) {
alert("支持上传文件类型:\n" + af);

isTrue = false;
} else {
isTrue = true;

}
} else {

isTrue = false;
}
}
//取文件后缀名
function GetFileExt(filepath) {
if (filepath != "") {
var pos = "." + filepath.replace(/.+\./, "");
return pos;
}
}
//取文件名不带后缀
function GetFileNameNoExt(filepath) {
if (filepath != "") {
var names = filepath.split("\\");
var pos = names[names.length - 1].lastIndexOf(".");
return names[names.length - 1].substring(0, pos);
}
}
//取文件全名名称
function GetFileName(filepath) {
if (filepath != "") {
var names = filepath.split("\\");
return names[names.length - 1];
}
}
</script>

分享到:
评论

相关推荐

    js获取判断上传文件后缀名的示例代码

    以上就是JavaScript获取并判断上传文件后缀名的示例代码的知识点,总结起来主要包括:获取文件上传路径、处理和分割字符串、判断文件类型是否符合要求、客户端与服务器端的文件类型安全检查。掌握这些知识点可以帮助...

    php 文件上传后缀名与文件类型对照表(几乎涵盖所有文件).pdf

    我们可以使用 MIME 类型或文件后缀名来限制文件类型,例如只允许上传图片文件或文档文件。 2. 限制文件大小 我们可以使用 PHP 的上传限制来限制文件大小,例如只允许上传小于 1M 的文件。 3. 限制文件数量 我们...

    js判断上传文件后缀名是否合法

    总结来说,这个实例展示了如何使用JavaScript进行基本的文件后缀名验证,适用于那些只关心用户上传的文件是否为特定类型的情况。然而,为了提供更安全的用户体验,开发人员还应考虑其他验证手段,例如服务端验证和...

    JS 获取文件后缀,判断文件类型(比如是否为图片格式)

    在JavaScript中,获取文件后缀和判断文件类型是常见的需求,尤其在处理用户上传的文件时,例如确保上传的是图片格式。以下是如何使用JavaScript来实现这些功能的详细说明。 首先,我们来了解一下如何**获取文件后缀...

    js判断图片真实性(非判断文件后缀)

    传统的检查方式是通过文件的后缀名来判断,但这种方法存在明显的漏洞,因为恶意用户可以轻易地更改文件的后缀名,使得非图片文件伪装成图片。针对这个问题,我们可以采用一种更安全的策略,即不依赖文件后缀,而是...

    浅谈javascript如何获取文件后缀名

    在学习和工作中,经常需要对上传的文件进行处理,比如判断文件的类型。文件类型通常由文件的后缀名来表示,...如果想了解更多关于JavaScript获取文件后缀名的相关内容,可以搜索更多相关文章或继续浏览相关的技术资源。

    js 得到文件后缀(通过正则实现)

    在JavaScript中,获取文件后缀名是一个常见的任务,特别是在处理用户上传文件或处理动态生成的文件路径时。这里,我们通过正则表达式来实现这一功能。正则表达式是处理字符串的强大工具,能够帮助我们匹配、查找和...

    ajaxFileUpload+struts2实现多文件上传(源码)

    首先,`ajaxFileUpload`是一个基于JavaScript的插件,它允许异步文件上传,利用Ajax技术实现与服务器端的数据交换,这样用户在上传文件时不会感到页面的刷新,提高了交互性。该插件通常与jQuery库一起使用,因为它...

    PHP文件上传后缀名与文件类型对照表整理

    | js | text/javascript | | xml | text/xml | | dll | application/x-msdownload | | class | application/x-java-archive | 在文件上传的处理过程中,应当注意以下几点: - 确保服务器端对上传的文件类型进行了...

    上传的js验证(图片/文件的扩展名)

    总的来说,这段JavaScript代码实现了上传文件时的前端验证,主要针对图片文件的扩展名、文件大小和尺寸,以确保上传的文件符合预设的规则。这种方法在Web应用中常见,尤其是在用户交互性强,需要上传内容的地方,如...

    js根据后缀判断文件文件类型的代码

    通过上述代码和解析,我们可以看到,通过JavaScript获取文件后缀并判断文件类型的实现是相对简单的。通过正确定义后缀名与文件类型的对应关系,我们能够有效地对文件进行分类处理。同时,ES6中引入的箭头函数为我们...

    图片上传扩展名和大小控制

    在实现时,可以通过检查文件的后缀名或者读取文件头信息来确定文件的真实类型。 其次,大小控制同样至关重要。无节制的图片大小可能导致服务器存储空间耗尽,同时也会增加网络传输时间和用户等待时间。常见的做法是...

    php+swfupload+jquery上传文件,仿163邮箱上传

    同时,显示文件大小和文件后缀名对应的图标,提供更友好的用户体验。 2. **判断文件重复**:在文件上传前,后台需检查文件名是否存在,以防止重复上传。这可以通过在服务器端比较文件名或者文件哈希值来实现。如果...

    基于JavaScript+css+php支持断点续传的文件上传插件.zip

    基于JavaScript+css+php支持断点续传的文件上传插件.zip...文件后缀名和文件大小检测 向服务端提交额外数据 自定义文件队列中的html模板 css样式分离出单独文件,可自己定制样式 添加文件上传各阶段的回调函数 断点续传

    【JavaScript源代码】Element-ui upload上传文件限制的解决方法.docx

    const suffix = this.getFileType(file.name) // 获取文件后缀名 const suffixArray = ['jpg', 'png', 'jpeg', 'gif'] // 限制的文件类型 if (suffixArray.indexOf(suffix) === -1) { this.$message({ message...

    压缩文件上传到指定目录

    然后,使用字符串操作方法`Substring`和`LastIndexOf`来获取文件后缀名,并进行压缩文件类型的判断。 ##### 2. 文件保存与异常处理 ```csharp if (Valid == true) { try { this.FileUpload1.SaveAs(Server....

    文件上传下载登录注册页面

    例如,可以使用`pathlib`(Python)或`java.io.File`(Java)等库来检查文件后缀,或者使用`file`命令(Linux/Unix)分析文件内容以确定其实际类型。 3. **时间判断**: 时间判断可能涉及多种场景,如设置文件的...

    网络空间安全 +文件上传基础入门

    - 用户可以通过开发者工具(F12)删除或修改JavaScript代码,规避对上传文件后缀的检查。 - 抓包工具(如Burp Suite)可用于修改数据包中的文件后缀,绕过客户端的后缀名黑名单。 **三、特殊文件解析漏洞** 1. *...

Global site tag (gtag.js) - Google Analytics