我有一个api从db调用数据,其中一列存储了Image文件名。我想分割文件,并在DOT之后获取每个文件名的最后3个字母。我被困在这里:
axios.get('/api/v1/chats/messages/' + this.chat).then(response => {
this.result = response.data;
this.details = this.result.data;
for (var j = 0; j < this.details.length; j++) {
this.str = this.details[j].image;
this.details[j].image_type = this.str.split(".");
}
console.log(this.details)
})
.catch(error => {
toastr.error('Something went wrong', 'Error', {
positionClass: 'toast-bottom-right'
});
this.cancelAutoUpdate();
});
如果有人可以帮助我,或者如果有其他方法可以在vue js中获取文件扩展名,请让我知道。谢谢:)
答案 0 :(得分:2)
功能split
通过分隔符将字符串分割成数组。您有一个数组,但是忘记获取您感兴趣的数组元素。
您需要将this.str.split(".");
替换为this.str.split(".")[1]
const details = [
{
image: 'image1.jpg',
},
{
image: 'image2.png',
},
{
image: 'image3.gif',
}
]
for (let detail of details) {
let str = detail.image;
detail.image_type = str.split(".")[1];
}
console.log(details)