首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS获取图片URL并截取文件后缀

最近在改一个之前别人对接项目,遇到一个问题。现在要解决问题,需要获取图片的链接,并把链接中的(图片)文件提取出来。...把 URL 参数分离: let url = "https://www.w3h5.com/zb_users/upload/2019/04/201904031554286068121005.png", http...www.w3h5.com" 3: "zb_users" 4: "upload" 5: "2019" 6: "04" 7: "201904031554286068121005.png"] 数组的最后一个就是文件:...console.log(file[file.length - 1]); 打印结果: 201904031554286068121005.png 这样就把图片的名称后缀获取到了。...声明:本文由w3h5原创,转载请注明出处:《JS获取图片URL并截取文件后缀》 https://www.w3h5.com/post/543.html 本文已加入 腾讯云自媒体分享计划 (点击加入)

11.3K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    原生JS | 通过类获取标签

    原生JS通过类获取标签 getElementsByClassName()是原生JavaScript提供的方法,但是并不是所有的浏览器都支持,在ie早期版本的浏览器是不允许通过这个方法获取标签的,因此...,需要自定义一个方法,使我们能够在每个浏览器下都能通过类获取标签。...通过类获取标签的思路 首先检测浏览器是否支持getElementsByClassName方法; 对于不支持getElementsByClassName方法的浏览器,通过标签名的方式来获取标签,之后,进行标签的筛选...JS功能代码 1....此时我们需要将每个类先拆分出来(将组合的类拆解成几个具体的类,如class = "con box"是由conbox两个类组成的,需要将"con box"拆解成"con""box")。 ?

    13.1K60

    js获取input上传文件的文件扩展的方法

    使用 js 可以获取 input 上传文件的文件扩展,这里我整理一下具体方法: 1. 使用原生JS获取: CSS代码:给 div 一个内边距,按钮设置样式。...代码:点击 button 按钮时触发事件,如果未选择任何文件会返回 undefined ,如果已选择文件 则返回文件扩展。...'mybtn');     var div = document.getElementById('div');     mybtn.onclick = function () {         //获取文件上传文件的文件扩展...使用 jQuery 获取: CSS HTML 部分代码没变,js 代码如下:我这次使用的是监听 input 的 change 事件,button 按钮可以删掉。...声明:本文由w3h5原创,转载请注明出处:《js获取input上传文件的文件扩展的方法》 https://www.w3h5.com/post/89.html

    13.4K00

    js获取各种距离宽高

    window.screen.height 返回屏幕的高度 window.screen.width 返回屏幕的宽度 window.innerHeight/window.innerwidth 返回窗口内部的高度/宽度(不包含工具栏滚动条...以计算机显示屏屏幕左上角为原点, 距离屏幕左侧的距离 元素的宽高及各种距离 宽高 属性 说明 clientHeight/clientWidth 包括元素的可视部分的高度/宽度包括width/heightpadding...不包括border滚动条如果是content-box,则为width+2*padding如果是border-box,则为width-2*padding offsetHeight/offsetWidth...为字符串类型) 距离 属性 说明 offsetTop/Left 元素距离最近的带有定位(fixed/relative/absolute)的父元素的顶部/左侧的距离 scrollTop/Left 此属性可以获取或者设置对象的最顶部到对象在当前窗口显示的范围内的顶边

    22610

    Tomcat 仅用ip端口 不用项目就能访问项目

    能直接进入项目的登录页面 http://192.168.50.248:8081/project/login.htm 也能进入项目的登录页面 于是,我本地tomcat尝试了下,发现如果不加项目...,访问就404了, 后来我加了项目,登录页面能访问,但是登录成功,跳转到index.htm的时候,项目又不见了 而且响应又是404 后面发现,原来是tomcat默认启动项目惹的祸,如果配置了tomcat...默认启动项目,就可以不用项目也能访问项目 具体操作如下: 1、打开tomcat安装根目录,打开conf目录下service.xml,找到节点,并且在该节点下新增: <Context docBase...例:http://localhost:8081/login.htm 最后:我还存在一个疑问,按道理我最开始的路径有项目,那么我接下来的 相对路径请求 应该也会带有项目的 就好像http:...但是为什么我请求成功,return "/index" 的时候, 按正常来说应该返回到http://192.168.50.248:8081/project/index.htm 可是返回的时候把项目也丢了

    1.1K20

    【虚幻引擎】DTProjectSettings 蓝图获取基本项目配置插件使用说明 获取项目命名,项目版本,公司,公司识别名,主页,联系方式

    本插件可以使用蓝图获取项目的一些基本配置,如获取:公司、公司识别名、版权声明、描述、主页、许可条款、隐私政策、项目ID、项目命名、项目版本、支持联系方式、项目显示标题、项目调试标题信息、应保留窗口宽高比...注:本插件只能获取配置,并不能修改配置。(下载连接在文章最后)1. 节点说明Get Company Name - 公司创建项目的公司名称(作者、提供者)。...Get Copyright Notice - 版权声明该项目的版权/或商标声明。Get Description - 描述项目的描述文本。Get Homepage - 主页项目的主页 URL。...Get Use Borderless Window - 使用无边框窗口游戏是否应该使用无边框 Slate 窗口而不是带有系统标题栏边框的窗口。...Get Game Ini String获取 Game.ini 配置数据。Get Engine Ini String获取 Engine.ini 配置数据。2. 使用案例3. 下载地址80后程序员

    13810

    nginx反向代理获取客户端的真实IP域名

    nginx反向代理后,在应用中取得的ip都是反向代理服务器的ip,取得的域名也是反向代理配置的url的域名,解决该问题,需要在nginx反向代理配置中添加一些配置信息,目的将客户端的真实ip域名传递到应用程序中...REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 其中第一行关于host的配置,是关于域名传递的配置...话不多说直接贴出Nginx实例代码: upstream这个模块提供一个简单方法来实现在轮询客户端IP之间的后端服务器负荷平衡。...http还是https) proxy_redirect default;#指定修改被代理服务器返回的响应头中的location头域跟refresh头域数值 } php中取得客户端真实IP: /** * 获取客户端...ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) { ip = request.getRemoteAddr(); } return ip; } php取得域名

    7.3K00
    领券