javascript - 更改时的 jQuery 图像预览

Question

我使用下面的功能在选择文件后显示图像预览。
如果文件扩展名等于文件类型，它应该显示图像预览，但事实并非如此。
我做错了什么？

var previewImage = function(input, block){
    var fileTypes = ['jpg', 'jpeg', 'png'];
    var extension = input.files[0].name.split('.').pop().toLowerCase();  /*se preia extensia*/
    var isSuccess = fileTypes.indexOf(extension) > -1; /*se verifica extensia*/

    if(isSuccess){
        var reader = new FileReader();
        reader.onload = function (e) {
            block.attr('src', e.target.result);
        };
    }else{
        alert('Fisierul selectat nu este acceptat!');
    }

};

$s(document).on('change', '#image', function(){
    previewImage(this, $s('.imagePreview'));
});

这是我的输入。

      <div class="control-group form-group">
        <label for="image">Imaginea</label>
        <div id="imagePreview">
          <img src="/admin/mmadmin/template/assets/img-upload-150_150.png" class="imagePreview thumbnail" style="max-width:150px; max-height:150px;" />
        </div>
        <input type="file" name="imageFile" id="image" />
      </div>

Answer 1

工作 fiddle :http://jsfiddle.net/8ns1s0zn/1/

好的，有几个问题:首先，它位于 jQuery 的 $ 之后。

$(document).on('change', '#image', function(){
    previewImage(this, $('.imagePreview'));
});

然后，你忘了告诉读者读取数据:

reader.readAsDataURL(input.files[0]);