使用拆分获取图像名称答案

【问题标题】：Get name of image using split使用拆分获取图像名称
【发布时间】：2018-06-08 10:34:51
【问题描述】：

我卡住了，上传图片后尝试获取图片的名称。

C:\work\assets\pic_items\06c1dd6b-5173-47b6-be09-f5c76866996d.PNG

我总是得到这个结果，我想要的只是最后一个 06c1dd6b-5173-47b6-be09-f5c76866996d.PNG

我使用 .split 但它似乎不起作用

picture_path = uploadedFiles[0].fd.z[z.length-1].split('.');

【问题讨论】：

Get value of a string after a slash in JavaScript的可能重复

标签： javascript

【解决方案1】：

试试这个：

var filePath = 'C:\\work\\assets\\pic_items\\06c1dd6b-5173-47b6-be09-f5c76866996d.PNG';
var fileName = filePath.split('\\').pop();
console.log(fileName) // 06c1dd6b-5173-47b6-be09-f5c76866996d.PNG

这会将路径分成几部分，然后使用pop 获取数组中的最后一个条目，即文件名。

【讨论】：

【解决方案2】：

您必须转义反斜杠，因为它们本身就是转义字符：

var str = 'C:\\work\\assets\\pic_items\\06c1dd6b-5173-47b6-be09-f5c76866996d.PNG';
var li = str.lastIndexOf('\\'); // last index of backslash
console.log(str.slice(li + 1)) // 06c1dd6b-5173-47b6-be09-f5c76866996d.PNG

【讨论】：

【解决方案3】：

如果您有C:\work\assets\pic_items\06c1dd6b-5173-47b6-be09-f5c76866996d.PNG 并想要06c1dd6b-5173-47b6-be09-f5c76866996d.PNG，请尝试：

var fileParts = filePath.split('\\');
filename = fileParts[fileParts.length - 1];

【讨论】：