Javascript 更改时的jQuery图像预览

我正在使用下面的功能在选择文件后显示图像预览。
如果文件扩展名与文件类型相同，则应显示图像预览，但不显示。
我做错了什么

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>

想象

工作小提琴：

好的，这里有几个问题： 首先，这是在jQuery的$之后

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

然后，您忘记告诉读者读取数据：

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

---

在最后一部分的$s后面加上's'有什么原因吗？

s

是从哪里来的？