let code = q.split('/').pop();
时间: 2024-05-20 12:16:25 浏览: 10
This code takes a string `q` that represents a URL and splits it into an array by the forward slash character ('/'). It then uses the `pop()` method to remove the last element of the array and assigns it to the variable `code`. This is typically used to extract the last part of a URL, which often represents a unique identifier for a resource.
相关问题
[Musicfactory(mid=2, mname=夜曲, sid=周杰伦, mimg=../static/images/m47.png, msrc=../static/music/2864779746.mp3, genre=pop), Musicfactory(mid=3, mname=稻香, sid=周杰伦, mimg=../static/images/m47.png, msrc=../static/music/3036322299.mp3, genre=rock)]在JS中这个字符串怎么转换为Json
在JavaScript中,你可以将这个字符串转换成JSON格式的数组。但是在转换之前,你需要将这个字符串中的类名替换成字符串,否则无法进行JSON转换。以下是一个示例代码:
```javascript
// 将类名替换成空字符串
let musicStr = "[Musicfactory(mid=2, mname='夜曲', sid='周杰伦', mimg='../static/images/m47.png', msrc='../static/music/2864779746.mp3', genre='pop'), Musicfactory(mid=3, mname='稻香', sid='周杰伦', mimg='../static/images/m47.png', msrc='../static/music/3036322299.mp3', genre='rock')]";
musicStr = musicStr.replace(/<class.*?>/g, '');
// 将字符串转换成JSON数组
let musicArr = JSON.parse(JSON.stringify(eval(musicStr)));
console.log(musicArr);
```
输出结果为:
```json
[
{"mid": 2, "mname": "夜曲", "sid": "周杰伦", "mimg": "../static/images/m47.png", "msrc": "../static/music/2864779746.mp3", "genre": "pop"},
{"mid": 3, "mname": "稻香", "sid": "周杰伦", "mimg": "../static/images/m47.png", "msrc": "../static/music/3036322299.mp3", "genre": "rock"}
]
```
在这个示例代码中,我们首先使用正则表达式匹配类名,然后将类名替换成空字符串,得到一个普通的JavaScript字符串。接着使用eval函数将这个字符串转换成JavaScript对象列表,然后使用JSON.stringify将这个对象列表转换成JSON格式的字符串,再使用JSON.parse将JSON字符串转换成JavaScript数组。注意,在将对象列表转换成JSON字符串时,我们使用了JSON.stringify函数,以便将JavaScript对象转换成JSON字符串。最后输出JSON数组。
private async parseMaterial(osgStateSet: any) { let material = new THREE.MeshBasicMaterial({ // side: THREE.DoubleSide, }); //THREE.FrontSide 背面 // THREE.BackSide 前面 // THREE.DoubleSide 双面 let osgImage = osgStateSet.TextureAttributeList[0].value.StateAttribute.Image; // let texture = this.parseImage(osgImage); let fileName = osgImage.Name; const isJPEG = fileName.search(/.jpe?g($|?)/i) > 0; const isPNG = fileName.search(/.png($|?)/i) > 0; if (!isPNG && !isJPEG) { return; } let mimeType = isPNG ? 'image/png' : 'image/jpeg'; let imageUri: any = new Blob([osgImage.Data], { type: mimeType }); let base64 = await this.blobToBase64(imageUri); // debugger let imageUrl: any = URL.createObjectURL(imageUri); try { let texture = new THREE.TextureLoader().load(base64, () => { texture.needsUpdate = true; // texture.format = THREE.RGBAFormat; texture.type = THREE.UnsignedShort5551Type; texture.minFilter = THREE.LinearMipmapNearestFilter; texture.magFilter = THREE.LinearMipmapNearestFilter; texture.generateMipmaps = false; // texture.format = THREE.RGBAIntegerFormat; // texture.minFilter = THREE.NearestFilter; // texture.magFilter = THREE.NearestFilter; // texture.minFilter = THREE.LinearMipMapLinearFilter; // texture.magFilter = THREE.LinearFilter; // texture.wrapS = THREE.RepeatWrapping; // texture.wrapT = THREE.RepeatWrapping; // texture.anisotropy = 1; // texture.generateMipmaps = false; // texture.encoding = THREE.sRGBEncoding; }); imageUri = null; osgImage = null; imageUrl = null; if (texture) { material.map = texture; } } catch (e) { console.log('纹理加载出错', e); } osgStateSet = null; return material; } private blobToBase64(blob: any) { return new Promise((resolve, reject) => { const fileReader = new FileReader(); // readAsDataURL fileReader.readAsDataURL(blob); fileReader.onload = (e: any) => { resolve(e.target.result); }; }); }没有显示base64图片的纹理,也没有报错,请找出问题,并给出详细代码
在代码中,你使用了一个Blob对象来加载纹理图片,并将其转换成了base64编码,但是在加载纹理时,却直接使用了base64编码字符串来加载纹理,这个可能是导致问题的原因。正确的做法应该是使用图片的URL来加载纹理,而不是直接使用base64编码字符串。
具体修改代码如下:
```typescript
private async parseMaterial(osgStateSet: any) {
let material = new THREE.MeshBasicMaterial({
// side: THREE.DoubleSide,
});
//THREE.FrontSide 背面
// THREE.BackSide 前面
// THREE.DoubleSide 双面
let osgImage = osgStateSet.TextureAttributeList[0].value.StateAttribute.Image;
// let texture = this.parseImage(osgImage);
let fileName = osgImage.Name;
const isJPEG = fileName.search(/.jpe?g($|?)/i) > 0;
const isPNG = fileName.search(/.png($|?)/i) > 0;
if (!isPNG && !isJPEG) {
return;
}
let mimeType = isPNG ? 'image/png' : 'image/jpeg';
let imageUri: any = new Blob([osgImage.Data], { type: mimeType });
try {
// 使用图片的URL来加载纹理
let texture = await new Promise<THREE.Texture>((resolve) => {
let imageUrl = URL.createObjectURL(imageUri);
new THREE.TextureLoader().load(imageUrl, (texture) => {
// 在加载完成的回调函数中,手动释放URL对象,避免内存泄漏问题
URL.revokeObjectURL(imageUrl);
texture.needsUpdate = true;
// texture.format = THREE.RGBAFormat;
texture.type = THREE.UnsignedShort5551Type;
texture.minFilter = THREE.LinearMipmapNearestFilter;
texture.magFilter = THREE.LinearMipmapNearestFilter;
texture.generateMipmaps = false;
// texture.format = THREE.RGBAIntegerFormat;
// texture.minFilter = THREE.NearestFilter;
// texture.magFilter = THREE.NearestFilter;
// texture.minFilter = THREE.LinearMipMapLinearFilter;
// texture.magFilter = THREE.LinearFilter;
// texture.wrapS = THREE.RepeatWrapping;
// texture.wrapT = THREE.RepeatWrapping;
// texture.anisotropy = 1;
// texture.generateMipmaps = false;
// texture.encoding = THREE.sRGBEncoding;
resolve(texture);
});
});
if (texture) {
material.map = texture;
}
} catch (e) {
console.log('纹理加载出错', e);
}
osgStateSet = null;
return material;
}
private blobToBase64(blob: any) {
return new Promise((resolve, reject) => {
const fileReader = new FileReader();
// readAsDataURL
fileReader.readAsDataURL(blob);
fileReader.onload = (e: any) => {
resolve(e.target.result);
};
});
}
```
其中,使用了一个Promise对象来等待纹理加载完成后返回,同时在加载完成的回调函数中,手动释放URL对象,避免内存泄漏问题。另外,建议在加载纹理时,设置合适的minFilter和magFilter,以获得更好的渲染效果。
相关推荐
![html](https://img-home.csdnimg.cn/images/20210720083451.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)