javascript - Vue中切片URL获取文件名

Question

我有一个文件 url，我需要对其进行切片以向用户显示文件。我已经成功地将它切片，substring但是如果要切片的字符串不固定怎么办。像这样/media/users/3/sample.docx。我只想显示sample.docx所以我使用substring了但如果之前的数字像数字 3 一样增加怎么办？如何以更好的方式做到这一点？

sliceString(value) {
   return value.substring(15)
}

{{sliceString(data.file)}}

标签： javascriptvue.jsecmascript-6vuejs2vue-component

Answer 1

取 的最后一个索引/，添加1到它并在substring方法中使用：

sliceString(value) {
    let lastSlashIndex=value.lastIndexOf('/')
    return value.substring(lastSlashIndex+1)
}

例子：

let url = 'sample.com/media/users/3/sample.docx'

let lastIndex= url.lastIndexOf('/');

console.log(url.substring(lastIndex+1))