檢索臨時畫布元素的絕對URL第

我創建了一個優惠券創建系統，該系統使用HTML 5畫布來剔除您創建的優惠券的jpg版本，因爲我沒有在服務器上託管最終化的jpg ，我無法檢索該網址。在一些瀏覽器中，當我將圖像拖入地址欄時，我只能在地址欄中看到「data：」。但在Windows中，如果我將它拖入輸入字段，有時它會吐出巨大的（> 200個字符）本地temp網址。如何使用javascript（？）來查找由我的優惠券創建者生成的圖像的確切臨時URL，並且能夠在同一頁上的輸入表單上發佈它？另外，如果你們也知道這個答案，那麼它會非常有幫助，因爲我認爲它與URL的檢索相關聯：當我在生成後點擊「保存」鏈接時，我怎麼能讓它將創建的圖像保存到用戶的計算機上？非常感謝！檢索臨時畫布元素的絕對URL第

這是我用什麼JS現在，生成圖像：

   function letsDo() { 
       html2canvas([document.getElementById('coupon')], { 
        onrendered: function (canvas) { 
         document.getElementById('canvas').appendChild(canvas); 
         var data = canvas.toDataURL('image/jpeg'); 
         // AJAX call to send `data` to a PHP file that creates an image from the dataURI string and saves it to a directory on the server 

         var mycustomcoupon = new Image(); 
         mycustomcoupon.src = data; 
         //Display the final product under this ID 
         document.getElementById('your_coupon').appendChild(mycustomcoupon); 
         document.getElementById('your_coupon_txt').style.display="block"; 
        } 
       }); 
       }

這裏是創造者的實際網址：http://isleybear.com/coupon/

來源

2014-02-16 toad

我結束了這段代碼卸入JS綜上所述。這是一個非常簡單的修復。然後爲了測試它，我設置了一個onclick html元素來顯示源代碼。

var mycustomcoupon = document.getElementById('your_coupon'); 
mycustomcoupon.src = data; 

} 
}); 
} 


function showSource(){ 

var source = document.getElementById('your_coupon').src; 
         alert(source); 
}

來源

2014-02-19 01:05:45 toad

檢索臨時畫布元素的絕對URL第

回答

相關問題