往每一个数组前面追加一个前缀

客户端上传多张图片是只带后缀的一个字符串,列如'/prop/images/1.png,/prop/images/0.png,/prop/images/2.png,/prop/images/3.png,'

而实际上我们想要的数据是一个完整的图片地址包含在一个数组里面 ,这时候我们就要考虑切割字符串

服务端返回的是

let arrUrl:'/prop/images/1.png,/prop/images/0.png,/prop/images/2.png,/prop/images/3.png,'
let arrRel:'http://192.168.168.203:8086'

实现效果为把arrUrl 转为数组
let urlArr = arrUrl.split(',');

此时得到的数据urlArr为['/prop/images/1.png','/prop/images/0.png','/prop/images/2.png','/prop/images/3.png']
实际上我们想要的是['http://192.168.168.203:8086/prop/images/1.png',
'http://192.168.168.203:8086/prop/images/0.png',
'http://192.168.168.203:8086/prop/images/2.png',
'http://192.168.168.203:8086/prop/images/3.png']
解决方法:思路 :1.原生js
先遍历数组urrArr的长度,定义一个数组用于存放遍历后的数据
let newArr = []
for(var i=0;i<urlArr.length;i++){
return newArr.push(arrRel+urlArr[i])
}
console.log(newArr)
newArr此时就是我们得到的追加前缀的数组
['http://192.168.168.203:8086/prop/images/1.png',
'http://192.168.168.203:8086/prop/images/0.png',
'http://192.168.168.203:8086/prop/images/2.png',
'http://192.168.168.203:8086/prop/images/3.png']

本人菜鸟勿喷

猜你喜欢

转载自www.cnblogs.com/hxp87/p/9230298.html
今日推荐