我可以處理base64編碼圖像的水印嗎？

Question

我想處理一個圖像，並使用transloadit爲其添加水印以確保圖像的安全。但我有圖像的來源是base64編碼的字符串，而不是要求用戶將其上傳到表單。我可以傳遞這個base64編碼的字符串來形成和處理它以獲取水印嗎？

任何幫助表示讚賞。謝謝！

Answer 1

好像你需要以base64數據URI轉換爲Blob對象，然後手動設置BLOB作爲FORMDATA參數，如this SO question

function dataURItoBlob(dataURI) { 
    // convert base64/URLEncoded data component to raw binary data held in a string 
    var byteString; 
    if (dataURI.split(',')[0].indexOf('base64') >= 0) 
     byteString = atob(dataURI.split(',')[1]); 
    else 
     byteString = unescape(dataURI.split(',')[1]); 

    // separate out the mime component 
    var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]; 

    // write the bytes of the string to a typed array 
    var ia = new Uint8Array(byteString.length); 
    for (var i = 0; i < byteString.length; i++) { 
     ia[i] = byteString.charCodeAt(i); 
    } 

    return new Blob([ia], {type:mimeString}); 
} 

然後將其設置建議使用：

var dataURL = canvas.toDataURL('image/jpeg', 0.5); 
var blob = dataURItoBlob(dataURL); 
var fd = new FormData(document.forms[0]); 
fd.append("canvasImage", blob); 

信貸@Stoive的代碼