从URL中获取文件名称

·零落·

已于 2024-01-22 14:54:56 修改

阅读量2.1w

点赞数 5

分类专栏： JavaScript日常处理文章标签： js lastIndexOf substring

于 2018-05-10 18:35:22 首次发布

本文链接：https://blog.csdn.net/xuaner8786/article/details/80271947

版权

JavaScript日常处理专栏收录该内容

78 篇文章 3 订阅

订阅专栏

文章目录

一、获取文件名称
二、其他方法
三、后记
四、热门文章

一、获取文件名称

var url = 'https://csdnimg.cn/release/phoenix/vendor/pagination/paging.css';
var filename = url.substring(url.lastIndexOf('/')+1);

lastIndexOf() :
可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索，stringObject.lastIndexOf(searchvalue,fromindex)

substring()
用于提取字符串中介于两个指定下标之间的字符。
stringObject.substring(start,stop)

二、其他方法

在JavaScript中，可以使用以下方法从URL中获取文件名称：

使用URL对象的pathname属性：首先，创建一个URL对象，然后访问其pathname属性，最后使用split()方法将路径拆分为数组，取最后一个元素作为文件名称。

let url = new URL("http://example.com/path/to/file.txt");
let pathname = url.pathname;
let filename = pathname.split("/").pop();
console.log(filename); // file.txt

使用字符串的split()方法：使用字符串的split()方法将URL按照"/"拆分为数组，取最后一个元素作为文件名称。

let url = "http://example.com/path/to/file.txt";
let parts = url.split("/");
let filename = parts.pop();
console.log(filename); // file.txt

使用正则表达式：使用正则表达式从URL中匹配文件名称。

let url = "http://example.com/path/to/file.txt";
let filename = url.match(/\/([^\/?#]+)$/i)[1];
console.log(filename); // file.txt

以上都是常见的方法，具体选择哪种方法取决于你的需求和代码结构。在JavaScript中，可以使用以下方法从URL中获取文件名称：

使用URL对象的pathname属性：首先，创建一个URL对象，然后访问其pathname属性，最后使用split()方法将路径拆分为数组，取最后一个元素作为文件名称。

let url = new URL("http://example.com/path/to/file.txt");
let pathname = url.pathname;
let filename = pathname.split("/").pop();
console.log(filename); // file.txt

使用字符串的split()方法：使用字符串的split()方法将URL按照"/"拆分为数组，取最后一个元素作为文件名称。

let url = "http://example.com/path/to/file.txt";
let parts = url.split("/");
let filename = parts.pop();
console.log(filename); // file.txt

使用正则表达式：使用正则表达式从URL中匹配文件名称。

let url = "http://example.com/path/to/file.txt";
let filename = url.match(/\/([^\/?#]+)$/i)[1];
console.log(filename); // file.txt

以上都是常见的方法，具体选择哪种方法取决于你的需求和代码结构。

三、后记

JavaScript是一种广泛使用的编程语言，主要用于网页开发。

JavaScript的基本概念：

变量和数据类型：在JavaScript中，你可以使用变量来存储各种数据，如数字、字符串、布尔值、对象、数组等。JavaScript是一种弱类型语言，这意味着变量的类型可以在运行时改变。
函数：函数是一段可重复使用的代码块，可以接受参数并返回一个值。在JavaScript中，函数可以作为一等公民，可以作为参数传递给其他函数，也可以作为变量存储。
对象：对象是包含属性和方法的集合。属性是变量，方法则是函数。在JavaScript中，对象是使用花括号{}来创建的。
事件：事件是用户与网页交互时发生的事情，如点击、鼠标移动、键盘输入等。JavaScript允许你定义事件处理程序，以便在事件发生时执行特定的代码。
DOM（文档对象模型）：DOM是HTML和XML文档的编程接口，它提供了一种方式来访问和操作文档的结构。在JavaScript中，你可以使用DOM来动态地修改网页内容、结构和样式。
异步编程：JavaScript是单线程的，这意味着它一次只能执行一个任务。为了提高性能并允许用户与网页交互，JavaScript使用异步编程模型，如回调函数、Promises和async/await。
模块和模块化：在现代JavaScript开发中，模块是一种组织代码的方式。通过模块化，你可以将代码分解为独立的文件，每个文件都有一个特定的功能或任务。

JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：HTML 定义了网页的内容，CSS 描述了网页的布局，JavaScript 控制了网页的行为。