Update share_btn.py

share_btn.py

@@ -22,6 +22,20 @@ share_js = """async () => {
 		const url = await response.text();
 		return url;
 	}
+
+    async function getInputImgFile(imgEl){
+        const res = await fetch(imgEl.src);
+        const blob = await res.blob();
+        const imgId = Date.now() % 200;
+        const isPng = imgEl.src.startsWith(`data:image/png`);
+        if(isPng){
+            const fileName = `sd-perception-${{imgId}}.png`;
+            return new File([blob], fileName, { type: 'image/png' });
+        }else{
+            const fileName = `sd-perception-${{imgId}}.jpg`;
+            return new File([blob], fileName, { type: 'image/jpeg' });
+        }
+	}
 	
     async function getVideoBlobFile(videoEL){
         const res = await fetch(videoEL.src);
@@ -50,12 +64,16 @@ share_js = """async () => {
     shareIconEl.style.display = 'none';
     loadingIconEl.style.removeProperty('display');
     
-    
+    const inputFile = await getInputImgFile(imageInit);
+    const urlInputImg = await uploadFile(inputFile);
     const videoOutFile = await getVideoBlobFile(outputVideo);
 	const dataOutputVid = await uploadFile(videoOutFile);
     
     const descriptionMd = `
-#### Prompt:
+#### Image Init:
+<img src='${urlInputImg}' style='max-height: 350px;'>
+
+#### Caption:
 ${captionTxt}
 
 #### Zeroscope video result: