How can I read remote image URL as DataURL using FileReader() ?

See more:

Javascript

How can I read remote image URL as DataURL using FileReader() ?

I have tried but the result is always as bellow:
Please help !

"data:image/jpeg;base64,W29iamVjdCBIVE1MSW1hZ2VFbGVtZW50XQ=="

Bellow is my code:

<script>
function loadFileAsURL() {
var x = new Array();
var img = x[0] ;
img = new Image();
img.src = "https://dl.dropboxusercontent.com/s/2z1e5pcopb2g4vl/raima.jpg" ;

if (img)
var myFILE = new Blob([img], {type:'image/jpeg'});
var target = myFILE ;
var fileReader = new FileReader();

fileReader.onerror = function() {
document.getElementById("encoded").value = "Corrupted file. So conversion is not possible !!! Try another one. Ok ! "; };

fileReader.onprogress = function() {
document.getElementById("encoded").value = "Conversion is in progress... ..."; };

fileReader.onload = function(event) {
var textArea = document.getElementById("encoded");
textArea.innerHTML = event.target.result;};

fileReader.readAsDataURL(target);
}
</script>

<button type="button" >Convert File As Base64 DataURL</button>
<textarea id="encoded" rows="85" cols="100%" wrap="soft" ></textarea>