精华内容
下载资源
问答
  • function checkfiletype(){var fileName = document.getElementById('').value;if (Trim(fileName)==""){alert("请选择要上传的文件!");document.getElementById('')....}//设置文件类型数组var extArray = new Arr...

    function checkfiletype()

    {

    var fileName = document.getElementById('').value;

    if (Trim(fileName)=="")

    {

    alert("请选择要上传的文件!");

    document.getElementById('').focus();

    return false;

    }

    //设置文件类型数组

    var extArray = new Array(".rar",".doc",".rtf",".xls");

    //获取文件名称

    while (fileName.indexOf("\\") != -1)

    fileName = fileName.slice(fileName.indexOf("\\") + 1);

    //获取文件扩展名

    var ext = fileName.slice(fileName.indexOf(".")).toLowerCase();

    //遍历文件类型

    for (var i = 0; i < extArray.length; i++)

    {

    if (extArray[i] == ext)

    {

    return true;

    }

    }

    alert("只能上传下列类型的文件:  "  + extArray.join("  "));

    document.getElementById('').focus();

    return false;

    }

    展开全文
  • js判断上传文件类型

    2021-06-12 17:35:58
    } } //文件判断 var fileName = $("input[type='file'][name=upload]").each(function(){ var realName = $(this).val(); var fileIndx = $(this).attr("fileIndx"); if(realName.length>0 && realName != ''){ var...

    var fileName = $.trim($("#realFile").val());

    if(fileName.length>0 && fileName != ''){

    var idx = fileName.lastIndexOf(".");

    var suffix = fileName.substring(idx+1);

    if(suffix.toLowerCase() != 'pdf' && suffix.toLowerCase() != 'doc' && suffix.toLowerCase() != 'xls'){

    $("#fileMsg").html("文件必须为pdf、doc或xls格式");

    $("#fileMsg").css("color","red");

    return;

    }

    }

    //文件判断

    var fileName = $("input[type='file'][name=upload]").each(function(){

    var realName = $(this).val();

    var fileIndx = $(this).attr("fileIndx");

    if(realName.length>0 && realName != ''){

    var idx = realName.lastIndexOf(".");

    var suffix = realName.substring(idx+1);

    if(suffix.toLowerCase() != 'pdf' && suffix.toLowerCase() != 'doc' && suffix.toLowerCase() != 'xls' && suffix.toLowerCase() != 'txt' && suffix.toLowerCase() != 'rtf' && suffix.toLowerCase() != 'xlsx' && suffix.toLowerCase() != 'docx' && suffix.toLowerCase() != 'wps'){

    $("#fileMsg"+fileIndx).html("文件必须为txt,pdf,rtf,xls,xlsx,doc,docx,wps格式");

    $("#fileMsg"+fileIndx).css("color","red");

    return;

    }

    }

    });

    展开全文
  • 核心代码function getFileType(fileName) {// 后缀...// 获取类型结果let result = '';try {const flieArr = fileName.split('.');suffix = flieArr[flieArr.length - 1];} catch (err) {suffix = '';}// fileNam...

    核心代码

    function getFileType(fileName) {

    // 后缀获取

    let suffix = '';

    // 获取类型结果

    let result = '';

    try {

    const flieArr = fileName.split('.');

    suffix = flieArr[flieArr.length - 1];

    } catch (err) {

    suffix = '';

    }

    // fileName无后缀返回 false

    if (!suffix) { return false; }

    suffix = suffix.toLocaleLowerCase();

    // 图片格式

    const imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif'];

    // 进行图片匹配

    result = imglist.find(item => item === suffix);

    if (result) {

    return 'image';

    }

    // 匹配txt

    const txtlist = ['txt'];

    result = txtlist.find(item => item === suffix);

    if (result) {

    return 'txt';

    }

    // 匹配 excel

    const excelist = ['xls', 'xlsx'];

    result = excelist.find(item => item === suffix);

    if (result) {

    return 'excel';

    }

    // 匹配 word

    const wordlist = ['doc', 'docx'];

    result = wordlist.find(item => item === suffix);

    if (result) {

    return 'word';

    }

    // 匹配 pdf

    const pdflist = ['pdf'];

    result = pdflist.find(item => item === suffix);

    if (result) {

    return 'pdf';

    }

    // 匹配 ppt

    const pptlist = ['ppt', 'pptx'];

    result = pptlist.find(item => item === suffix);

    if (result) {

    return 'ppt';

    }

    // 匹配 视频

    const videolist = ['mp4', 'm2v', 'mkv', 'rmvb', 'wmv', 'avi', 'flv', 'mov', 'm4v'];

    result = videolist.find(item => item === suffix);

    if (result) {

    return 'video';

    }

    // 匹配 音频

    const radiolist = ['mp3', 'wav', 'wmv'];

    result = radiolist.find(item => item === suffix);

    if (result) {

    return 'radio';

    }

    // 其他 文件类型

    return 'other';

    }

    console.log(getFileType("jb51.jpg"));

    在chrome中F12测试发现

    59ad7e2b157f52b80e221a22fe4aad84.png

    符合我们的要求。

    上面的代码主要用到了js(=>) 箭头函数

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。

    为什么叫Arrow Function?因为它的定义用的就是一个箭头:

    x => x * x

    上面的箭头函数相当于:

    function (x) {

    return x * x;

    }

    箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return:

    =>是es6语法中的arrow function

    (x) => x + 6

    相当于

    function(x){

    return x + 6;

    };

    以上就是js根据后缀判断文件文件类型的代码的详细内容,更多关于js后缀的资料请关注脚本之家其它相关文章!

    展开全文
  • js根据后缀判断文件文件类型的方法发布时间:2020-07-28 10:46:43来源:亿速云阅读:71作者:小猪这篇文章主要讲解了js根据后缀判断文件文件类型的方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家...

    js根据后缀判断文件文件类型的方法

    发布时间:2020-07-28 10:46:43

    来源:亿速云

    阅读:71

    作者:小猪

    这篇文章主要讲解了js根据后缀判断文件文件类型的方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

    核心代码

    function getFileType(fileName) {

    // 后缀获取

    let suffix = '';

    // 获取类型结果

    let result = '';

    try {

    const flieArr = fileName.split('.');

    suffix = flieArr[flieArr.length - 1];

    } catch (err) {

    suffix = '';

    }

    // fileName无后缀返回 false

    if (!suffix) { return false; }

    suffix = suffix.toLocaleLowerCase();

    // 图片格式

    const imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif'];

    // 进行图片匹配

    result = imglist.find(item => item === suffix);

    if (result) {

    return 'image';

    }

    // 匹配txt

    const txtlist = ['txt'];

    result = txtlist.find(item => item === suffix);

    if (result) {

    return 'txt';

    }

    // 匹配 excel

    const excelist = ['xls', 'xlsx'];

    result = excelist.find(item => item === suffix);

    if (result) {

    return 'excel';

    }

    // 匹配 word

    const wordlist = ['doc', 'docx'];

    result = wordlist.find(item => item === suffix);

    if (result) {

    return 'word';

    }

    // 匹配 pdf

    const pdflist = ['pdf'];

    result = pdflist.find(item => item === suffix);

    if (result) {

    return 'pdf';

    }

    // 匹配 ppt

    const pptlist = ['ppt', 'pptx'];

    result = pptlist.find(item => item === suffix);

    if (result) {

    return 'ppt';

    }

    // 匹配 视频

    const videolist = ['mp4', 'm2v', 'mkv', 'rmvb', 'wmv', 'avi', 'flv', 'mov', 'm4v'];

    result = videolist.find(item => item === suffix);

    if (result) {

    return 'video';

    }

    // 匹配 音频

    const radiolist = ['mp3', 'wav', 'wmv'];

    result = radiolist.find(item => item === suffix);

    if (result) {

    return 'radio';

    }

    // 其他 文件类型

    return 'other';

    }

    console.log(getFileType("jb51.jpg"));

    在chrome中F12测试发现

    27e45053c2b483f5d9377cc1928d4d31.png

    符合我们的要求。

    上面的代码主要用到了js(=>) 箭头函数

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。

    为什么叫Arrow Function?因为它的定义用的就是一个箭头:x => x * x

    上面的箭头函数相当于:function (x) {

    return x * x;

    }

    箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return:

    =>是es6语法中的arrow function(x) => x + 6

    相当于function(x){

    return x + 6;

    };

    看完上述内容,是不是对js根据后缀判断文件文件类型的方法有进一步的了解,如果还想学习更多内容,欢迎关注亿速云行业资讯频道。

    展开全文
  • 上传文件是工作中常用的功能,不同的场景对不同的文件类型和文件大小都有不同的要求:名称placeholder="请输入文件名" autocomplete="off" class="layui-input">资料类型:上传文件onclick="upload()" />js方法...
  • 本文实例展示了JavaScript判断文件上传类型的方法,是一个非常常用的技巧。具体实现方法如下:文件上传时用到一个功能,使用html元素的input标签实现:选中图片后立即触发onchange事件上传图片,但是重复选择相同的...
  • 1、获取文件后缀有时候我们需要通过文件名或者路径,得到该文件的后缀名(扩展名),可以通过如下方式进行截取://文件路径var filePath = "file://upload/jb51.png";//获取最后一个.的位置var index= filePath....
  • 有时候需要前端根据文件后缀判断文件类型 下面是代码,不足之处还望补充~ /** * @description: 根据后缀判断文件类型 * @param {String} fileName 文件名称 * @return {String} 文件类型 */ export function ...
  • 并不是万金油比如图片类型判断,音频文件格式判断,视频文件格式判断等这种肯定是2进制且专业性很强的文件类型判断。下面给出完整版代码首先是文件类型枚取package org.filetype;/*** 文件类型枚取*/public enum ...
  • 本文转载自微信公众号「全栈修仙之路」...针对这个问题,我们会想到通过 input 元素的 accept 属性来限制上传的文件类型:这种方案虽然可以满足大多数场景,但如果用户把 JPEG 格式的图片后缀名更改为 .png 的话,就...
  • 常用的判断文件类型的方法有根据文件类型,文件后缀,这里有一种方法,根据文件头信息来判断文件类型。 我把多余的getAllFileType() 给注释掉了,可以根据使用来选择。 这个参考了,忘了地址了 ​ package ...
  • 下面本篇文章就来给大家介绍一下利用javascript判断文件是否存在的方法,希望对大家有所帮助。在JavaScript中,可以通过ActiveXObject对象判断本地文件路径来判断本地文件是否存在,网络文件通过判断其URL是否存在来...
  • public final classFileTypeJudge {/*** Constructor*/privateFileTypeJudge() {}/*** 将文件头转换成16进制字符串**@param原生byte*@return16进制字符串*/private static String bytesToHexString(byte[] src) {...
  • 1,获取文件后缀有时候我们需要通过文件名或者路径,得到该文件的后缀名(扩展名),可以通过如下方式进行截取://文件路径var filePath = "file:///storage/emulated/0/opmark/User/Pic/hangge.png";//获取最后一个....
  • PHP判断文件类型

    2020-12-19 11:27:46
    $str = ... function file_format($str){ // 取文件后缀名 $str=strtolower(pathinfo($str, PATHINFO_EXTENSION)); // 图片格式 $image=array('webp','jpg','png','ico','bmp','gif','
  • js判断undefined类型今天使用showModalDialog打开页面,返回值时。当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined所以自作聪明判断var reValue=window.showModalDialog("","","");if (reValue=...
  • 有人说判断文件类型不是挺简单的吗?直接鼠标右键,点击属性,或者直接看后缀名不就完事了。在项目开发中,许多同行都是直接通过文件后缀的方式进行判断(当然不是我自己开发的,我也不愿意去改,哈哈!!)。不是说...
  • 大多数情况下,我们都是通过扩展名来识别一个文件类型的,比如我们看到一个.txt类型文件我们就知道他是一个纯文本文件。但是,扩展名是可以修改的,当一个文件的扩展名被修改过,怎么识别一个文件类型呢?这就...
  • JS判断各种浏览器,根据判断动态引入不同的CSS文件JS文件function getBrowser() {var ua = window.navigator.userAgent;var isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1;var ...
  • 上传文件时,接愿目的那前机专容图缩近上意对这些端制门由前端判断文件的大小及类型。举例说明:要求上传的文件小于10MB的文件,并且文件类型必须为.txt类型。关键核心代码如下体朋几一级发等点确层数框的很屏果行4...
  • 需求场景:利用input 上传文件,限制文件类型为zip,或者rar压缩包类型。①尝试通过accept限制,发现除了zip和rar文件,excel,doc等文件也能选择。②于是,解决方案是通过对文件名的判断,增加一层过滤,代码如下...
  • js下载文件并修改文件名 js判断文件后缀
  • 本文实例介绍了js判断上传文件...具体代码:判断文件上传是否合法//3、(字符)检查文件上传表单控件,如果含有[jpg,jpeg,gif,png]则显示“文件类型合法”,否则“显示文件类型错误”function checkFileExt(filename)...
  • [Java教程]JavaScript 文件上传类型判断0 2014-04-17 15:00:14文件上传时用到一个功能,使用html元素的input标签实现,选中图片后立即触发onchange事件上传图片,但是重复选择相同的图片不会触发onchang事件,解决...
  • element-ui的el-upload如何判断上传文件类型? <template> <div> <el-upload class="upload-demo" :before-upload = "checkFileType" drag action=...
  • js判断上传文件大小_www.jquerycn.cn//方法一方法二 js判断上传文件大小function chksize(strfilename){try{var maxsize = 100; //定义允许文件的大小,单位kb,请根据需要自行修改!var objstream = new ...
  • 进一步没有后缀的文件,如何判断文件类型并使用相对应的工具并解析之? 2可用的方案 不能简单的通过后缀名来判断文件的类型 一方面文件后缀名可以随意修改或者删除。 另一方面在Linux上一切对象皆文件,完全不需要...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 242,232
精华内容 96,892
关键字:

htmljs判断文件类型