错误 JQuery 函数加载图像预览与 Safari 浏览器

Error JQuery Function to Load Image Preview with Safari Browser

本文关键字：Safari 浏览器 图像 JQuery 函数 加载 错误      更新时间：2023-09-26

我尝试使用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>

谢谢。

尝试将

id 替换为 html 中的类，以便 Safari 浏览器正常工作。
将$("#img_prev")修改为 $(".img_prev")，$("#preview")修改为 $(".preview") 。

这个建议取自相关问题：Jquery 条件适用于除 safari 以外的所有浏览器。

相关文章：