怎么才能读取到onload事件中的函数里的值？？？

<!DOCTYPE HTML>
<html>
<head>
  <title>Canvas Based Thumbnail</title>
  <style type="text/css">
    body {
    background: black;
    color: white;
    /*font: 20pt Cambria, Georgia, Times, Times New Roman, serif;*/
    font: 24pt Baskerville, Times, Times New Roman, serif;/*Baskerville  一种字体*/
    padding: 0;
    margin: 0;
    overflow: hidden;  
/*overflow 属性规定当内容溢出元素框时发生的事情。*/
    }

  </style>
 <script type="text/javascript" src="thumbnail.js"></script>
</head>
<body>
 <input type="file" id="files" name="files[]" multiple />
 <canvas id="canvas"></canvas>
<script>
       imageLocations = new Array();
       dataURL = new Array();
     document.getElementById('files').onchange = test;
     function test(evt) {
     var files = evt.target.files; // FileList object 
        for (var i = 0, f; f = files[i]; i++) {
            // Only process image files. 
            if (!f.type.match('image.*')) {
                continue;
            }
            var reader = new FileReader();
            reader.readAsDataURL(f);
            reader.onload = function test1() {
                    dataURL[i] = event.target.result;
                    imageLocations[i] = dataURL[i];
                    // document.write(imageLocations[i]);
                     alert(imageLocations[i]);
     
            }
          //return test1;        }
  }
</body>
</html>
</script>请问；怎样才能读取到onload 事件中的函数test1的imageLocations数组中的所有的值？？