文件读取器无法正常工作

Question

我有一个页面使用fileReader预览上传图像。

我已经在本地计算机上进行了测试，但是效果很好，但是当我在JS小提琴中进行测试时，它却无法正常工作。 有人知道问题出在哪里吗？

if(window.FileReader){  
    function preview(input){
        if(input.files && input.files[0]) {
            var reader = new FileReader();

            reader.readAsDataURL(input.files[0]);
            reader.onload = function(e){$('#previewImage').attr('src', e.target.result);}            
        }
    }
}else{alert("file reader not support");}

这是小提琴http://jsfiddle.net/s39P3/93/

Answer 1

如果打开了控制台，您将看到错误，因为找不到“预览”功能，因为它不是范围的一部分。 我将其添加到窗口作用域，以便window.preview = function() ，现在可以正常工作了。

http://jsfiddle.net/s39P3/93/