2011-10-27 17 views
0

我在想,可以上傳任何用戶在自己的頁面中看到一個插件發送靜態圖像服務器,
讓我們來談談圖像
我不想格式化img.src,發送到服務器,讓服務器端,而不是獲取IMG
,我想獲得IMG的原始數據,也許Base64和再使用XMLHttpRequest(level2的)
發送原始數據
任何一項得到的一些想法它?謝謝:)我可以透過HTML5

+0

難道我理解正確的話:你想從一個網絡服務器加載一個網頁,並通過JavaScript再次發送圖像傳回服務器? – Erik

+1

我不認爲JS可以做屏幕截圖(安全問題)。我甚至無法想象這個用例,這樣做的目的是什麼?也許有更好的方法來實現你想要的。 – Thor84no

+0

@ Thor84no:像G +一樣報告「此頁面有問題」。人們可以選擇網站的區域或與問題相關的多個區域。 – ThiefMaster

回答

1

使用jQuery我這樣做:

var canvasData = document.getElementsByTagName('canvas')[0].toDataURL('image/png'); 
    canvasData.replace('data:image\/png;base64', ''); 

    $.ajax({ 
    type: 'POST', 
    url: '/save', 
    data: 'rawData='+canvasData, 
    success: function(){ 
     // hoorayy! 
    } 
    }); 

但首先你需要繪製圖像畫布。這樣的:

var canvas = document.getElementById('myCanvas'); 

    if (canvas.getContext) { 
    var context = canvas.getContext('2d'); 
    var imgObj = new Image(); 
    imgObj.src = 'image.jpg'; 

    imgObj.onload = function() { 
     context.drawImage(imgObj, 0, 0, 100, 100); 
    } 
    } 

Here你可以閱讀更多的節能帆布toDataURL

+0

好吧,謝謝你的回答,它對我有很大幫助〜 – Lanston

相關問題