Fixing webp issue for safari.

pull/781/head
Dessalines 2020-06-04 21:40:57 -04:00
parent 2e882f75f2
commit ee32072489
1 changed files with 19 additions and 2 deletions

21
ui/src/utils.ts vendored
View File

@ -423,7 +423,7 @@ export function objectFlip(obj: any) {
export function pictshareAvatarThumbnail(src: string): string { export function pictshareAvatarThumbnail(src: string): string {
// sample url: http://localhost:8535/pictshare/gs7xuu.jpg // sample url: http://localhost:8535/pictshare/gs7xuu.jpg
let split = src.split('pictshare'); let split = src.split('pictshare');
let out = `${split[0]}pictshare/webp/96${split[1]}`; let out = `${split[0]}pictshare/${canUseWebP() ? 'webp/' : ''}96${split[1]}`;
return out; return out;
} }
@ -448,7 +448,9 @@ export function pictshareImage(
hash = split[1]; hash = split[1];
} }
let out = `${root}/webp/${thumbnail ? '192/' : ''}${hash}`; let out = `${root}/${canUseWebP() ? 'webp/' : ''}${
thumbnail ? '192/' : ''
}${hash}`;
return out; return out;
} }
@ -859,3 +861,18 @@ export function previewLines(text: string, lines: number = 3): string {
.slice(0, lines * 2) .slice(0, lines * 2)
.join('\n'); .join('\n');
} }
function canUseWebP() {
var elem = document.createElement('canvas');
if (!!(elem.getContext && elem.getContext('2d'))) {
var testString = !(window.mozInnerScreenX == null) ? 'png' : 'webp';
// was able or not to get WebP representation
return (
elem.toDataURL('image/webp').startsWith('data:image/' + testString)
);
}
// very old browser like IE 8, canvas not supported
return false;
}