2015-11-24 25 views
1

我有一個遠程服務器有配置文件數據和圖像,當我檢索它時,我得到的圖像URL,我可以顯示使用<img>標籤,通過使用url。
當我必須修改細節時,我發送一個新圖像,爲此我使用一個小的AngularJS函數上傳一個新圖像,並使用formData和http請求發送整個數據。是否有可能重新發送圖像URL從服務器回到它作爲一個圖像後處理

但出於好奇,我想知道是否有任何方式使用我從服務器收到的URL發送相同圖像的對象。

我想到的另一個原因是我在考慮改變它的尺寸等。

以防萬一我以後需要生成較小尺寸圖像的縮略圖。

+0

我不知道我是否真的明白。你的意思是你從服務器收到一個圖片url,然後你在瀏覽器中修改這個圖片(使用html5 api或其他),然後你想把圖片文件發送回你的服務器? –

+0

不,這就是我想要實現的更新部分,再次發送圖像到服務器。基本上,我收到的URL,我想知道如何使用該URL來生成圖像,然後修改它可能或者在修改爲新圖片時照原樣發送(如果可能:不必在本地保存圖像) – TArora23

回答

0

通過環顧四周,通過使用功能產生從URL畫布,通過dataURI解決它自己:

 var byteString = atob(dataURI.split(',')[1]); 
     var ab = new ArrayBuffer(byteString.length); 
     var ia = new Uint8Array(ab); 
     for (var i = 0; i < byteString.length; i++) { 
      ia[i] = byteString.charCodeAt(i); 
     } 
     var blob= new Blob([ab], { type: 'image/jpeg' }); 

創建一個blob縮放後的圖像發回(被要求)。