<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>
相关推荐
以上就是JavaScript获取并判断上传文件后缀名的示例代码的知识点,总结起来主要包括:获取文件上传路径、处理和分割字符串、判断文件类型是否符合要求、客户端与服务器端的文件类型安全检查。掌握这些知识点可以帮助...
我们可以使用 MIME 类型或文件后缀名来限制文件类型,例如只允许上传图片文件或文档文件。 2. 限制文件大小 我们可以使用 PHP 的上传限制来限制文件大小,例如只允许上传小于 1M 的文件。 3. 限制文件数量 我们...
总结来说,这个实例展示了如何使用JavaScript进行基本的文件后缀名验证,适用于那些只关心用户上传的文件是否为特定类型的情况。然而,为了提供更安全的用户体验,开发人员还应考虑其他验证手段,例如服务端验证和...
在JavaScript中,获取文件后缀和判断文件类型是常见的需求,尤其在处理用户上传的文件时,例如确保上传的是图片格式。以下是如何使用JavaScript来实现这些功能的详细说明。 首先,我们来了解一下如何**获取文件后缀...
传统的检查方式是通过文件的后缀名来判断,但这种方法存在明显的漏洞,因为恶意用户可以轻易地更改文件的后缀名,使得非图片文件伪装成图片。针对这个问题,我们可以采用一种更安全的策略,即不依赖文件后缀,而是...
在学习和工作中,经常需要对上传的文件进行处理,比如判断文件的类型。文件类型通常由文件的后缀名来表示,...如果想了解更多关于JavaScript获取文件后缀名的相关内容,可以搜索更多相关文章或继续浏览相关的技术资源。
在JavaScript中,获取文件后缀名是一个常见的任务,特别是在处理用户上传文件或处理动态生成的文件路径时。这里,我们通过正则表达式来实现这一功能。正则表达式是处理字符串的强大工具,能够帮助我们匹配、查找和...
首先,`ajaxFileUpload`是一个基于JavaScript的插件,它允许异步文件上传,利用Ajax技术实现与服务器端的数据交换,这样用户在上传文件时不会感到页面的刷新,提高了交互性。该插件通常与jQuery库一起使用,因为它...
| js | text/javascript | | xml | text/xml | | dll | application/x-msdownload | | class | application/x-java-archive | 在文件上传的处理过程中,应当注意以下几点: - 确保服务器端对上传的文件类型进行了...
总的来说,这段JavaScript代码实现了上传文件时的前端验证,主要针对图片文件的扩展名、文件大小和尺寸,以确保上传的文件符合预设的规则。这种方法在Web应用中常见,尤其是在用户交互性强,需要上传内容的地方,如...
通过上述代码和解析,我们可以看到,通过JavaScript获取文件后缀并判断文件类型的实现是相对简单的。通过正确定义后缀名与文件类型的对应关系,我们能够有效地对文件进行分类处理。同时,ES6中引入的箭头函数为我们...
在实现时,可以通过检查文件的后缀名或者读取文件头信息来确定文件的真实类型。 其次,大小控制同样至关重要。无节制的图片大小可能导致服务器存储空间耗尽,同时也会增加网络传输时间和用户等待时间。常见的做法是...
同时,显示文件大小和文件后缀名对应的图标,提供更友好的用户体验。 2. **判断文件重复**:在文件上传前,后台需检查文件名是否存在,以防止重复上传。这可以通过在服务器端比较文件名或者文件哈希值来实现。如果...
基于JavaScript+css+php支持断点续传的文件上传插件.zip...文件后缀名和文件大小检测 向服务端提交额外数据 自定义文件队列中的html模板 css样式分离出单独文件,可自己定制样式 添加文件上传各阶段的回调函数 断点续传
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. *...