Support webp images for community share button

Fixes issue of community forum post images with `<img src="{"error":"Only GIF, JPEG, JPG, MOV, MP3, MP4, MPGA, PNG, QT, WAV, WEBM, WEBP files are supported"}" />` output. E.g. https://huggingface.co/spaces/multimodalart/LoraTheExplorer/discussions/212

share_btn.py

@@ -31,9 +31,16 @@ share_js = """async () => {
         console.log(blob.type)
         const imgId = Date.now() % 200;
         const isPng = blob.type == 'image/png';
+        const isWebp = blob.type == 'image/webp';
+        const isOctetStream = blob.type == 'application/octet-stream';
+        const isLikelyWebp = isOctetStream && imgEl.src.toLowerCase().endsWith('.webp');
+        
         if(isPng){
             const fileName = `sd-perception-${imgId}.png`;
             return new File([blob], fileName, { type: 'image/png' });
+        }else if(isWebp || isLikelyWebp){
+            const fileName = `sd-perception-${imgId}.webp`;
+            return new File([blob], fileName, { type: 'image/webp' });
         }else{
             const fileName = `sd-perception-${imgId}.jpg`;
             return new File([blob], fileName, { type: 'image/jpeg' });