Upload 2 files

index.html

@@ -104,12 +104,12 @@
         <button id="save" style="height: 50px;">保存蒙版</button>
         <button id="saveToClipboard" style="height: 50px;">保存蒙版到剪贴板</button>
     </div>
-    <div class="myDiv">
+    <div class="myDiv" id="tools">
         <input type="range" id="brushSizeSlider" style="width: 100%" value="40" min="1" max="150" step="1" >
     </div>
     <br>
     <br>
-    <div class="myDiv">
+    <div class="myDiv" id="myImg1">
         <canvas id="canvas"></canvas>
         <br>
         <img id="outputImg"></img>
@@ -542,6 +542,24 @@ window.onload = function() {
         
         const img = document.getElementById('outputImg');
         img.src = tempCanvas.toDataURL("image/jpeg");
+        const base64String = img.src.split(',')[1];
+        const response2 = await fetch('https://api.imgur.com/3/image', {
+            method: 'POST',
+            headers: {
+                'Authorization': 'Client-ID 955c061744537ff',
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ image: base64String }),
+        });
+        const r = await response2.json()
+        img.src = r.data.link;
+        const script = document.createElement('script');
+        script.src = "https://telegram.org/js/telegram-widget.js?22";
+        script.setAttribute('data-telegram-share-url', r.data.link);
+        script.async = true;
+        const myImg1 = document.getElementById('myImg1');
+        const firstChild = myImg1.firstChild;
+        myImg1.insertBefore(script, firstChild);
     });
 
     // 保存蒙版

mask.html

@@ -104,12 +104,12 @@
         <button id="save" style="height: 50px;">保存蒙版</button>
         <button id="saveToClipboard" style="height: 50px;">保存蒙版到剪贴板</button>
     </div>
-    <div class="myDiv">
+    <div class="myDiv" id="tools">
         <input type="range" id="brushSizeSlider" style="width: 100%" value="40" min="1" max="150" step="1" >
     </div>
     <br>
     <br>
-    <div class="myDiv">
+    <div class="myDiv" id="myImg1">
         <canvas id="canvas"></canvas>
         <br>
         <img id="outputImg"></img>
@@ -542,6 +542,24 @@ window.onload = function() {
         
         const img = document.getElementById('outputImg');
         img.src = tempCanvas.toDataURL("image/jpeg");
+        const base64String = img.src.split(',')[1];
+        const response2 = await fetch('https://api.imgur.com/3/image', {
+            method: 'POST',
+            headers: {
+                'Authorization': 'Client-ID 955c061744537ff',
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ image: base64String }),
+        });
+        const r = await response2.json()
+        img.src = r.data.link;
+        const script = document.createElement('script');
+        script.src = "https://telegram.org/js/telegram-widget.js?22";
+        script.setAttribute('data-telegram-share-url', r.data.link);
+        script.async = true;
+        const myImg1 = document.getElementById('myImg1');
+        const firstChild = myImg1.firstChild;
+        myImg1.insertBefore(script, firstChild);
     });
 
     // 保存蒙版