Question

选择文件后，我正在使用以下功能显示图像预览如果文件扩展名为eq，则文件类型应显示图像预览，但不显示我错了吗？

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

工作小提琴：http://jsfiddle.net/8ns1s0zn/1/

好的，还有几个问题：首先，这是在jQuery＆＃39; $。

之后

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

然后，你忘了告诉读者阅读数据：

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

更改jQuery图像预览

1 个答案: