使用Safari浏览器加载图像预览的错误JQuery函数

Question

我尝试用JQuery创建图像预览功能。它适用于IE，Chrome，Firefox和Edge。但是与Safari合作。 这是我的代码：

<!-- JQuery -->
<script>
function bacaGambar(input) {
  if (input.files && input.files[0])
      {
        var reader = new FileReader();

         reader.onload = function (e) {
        $('#img_prev').attr('src', e.target.result);
         }

          reader.readAsDataURL(input.files[0]);
       }
    }
      $("#preview").change(function(){
       bacaGambar(this);
      });
</script>

感谢＆＃39; S

Answer 1

尝试使用html中的类替换id以使Safari正常工作 将$("#img_prev")修改为$(".img_prev")，将$("#preview")修改为$(".preview")。

此建议取自相关问题：Jquery condition works in all browsers except safari。