小编Jil*_*ill的帖子

onchange事件不起作用.我该怎样做才能在同一页面上获得结果.我不想重定向到任何其他页面上传图像.这个问题是因为opencart吗？我不知道在cpanel中这样写是否正确.我正在使用opencart和cpanel.还有其他方法吗？

HTML

 <input type='file' id="upload" onchange="readURL(this.value)" />
    <img id="img" src="#" alt="your image" />

脚本

function readURL(input) {
var url = input.value;
var ext = url.substring(url.lastIndexOf('.') + 1).toLowerCase();
if (input.files && input.files[0]&& (ext == "gif" || ext == "png" || ext == "jpeg" || ext == "jpg")) {
    var reader = new FileReader();

    reader.onload = function (e) {
        $('#img').attr('src', e.target.result);
    }
    reader.readAsDataURL(input.files[0]);
}
else{
     $('#img').attr('src', '/assets/no_preview.png');
  }
}

的jsfiddle