xuguopeng/rrweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

do not add origin before data uri image

Browse Source
This commit is contained in:
Yanzhen Yu
2018-12-27 12:44:52 +08:00
parent e0b56e5de0
commit 922be70f54
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/snapshot.ts
View File

@@ -44,11 +44,15 @@ function extractOrigin(url: string): string {
const URL_IN_CSS_REF = /url\((['"]|)([^'"]*)\1\)/gm; const URL_IN_CSS_REF = /url\((['"]|)([^'"]*)\1\)/gm;
const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/; const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
const DATA_URI = /^(data:)([\w\/\+]+);(charset=[\w-]+|base64).*,(.*)/gi;
export function absoluteToStylesheet(cssText: string, href: string): string { export function absoluteToStylesheet(cssText: string, href: string): string {
return cssText.replace(URL_IN_CSS_REF, (_1, _2, filePath) => { return cssText.replace(URL_IN_CSS_REF, (_1, _2, filePath) => {
if (!RELATIVE_PATH.test(filePath)) { if (!RELATIVE_PATH.test(filePath)) {
return `url('${filePath}')`; return `url('${filePath}')`;
} }
if (DATA_URI.test(filePath)) {
return `url(${filePath})`;
}
if (filePath[0] === '/') { if (filePath[0] === '/') {
return `url('${extractOrigin(href) + filePath}')`; return `url('${extractOrigin(href) + filePath}')`;
} }

6
test/snapshot.test.ts
View File

@@ -46,4 +46,10 @@ describe('absolute url to stylesheet', () => {
`url('http://localhost/css/a.jpg')`, `url('http://localhost/css/a.jpg')`,
); );
}); });
it('can handle data url image', () => {
expect(
absoluteToStylesheet('url(data:image/gif;base64,ABC)', href),
).to.equal('url(data:image/gif;base64,ABC)');
});
}); });