首页 > 解决方案 > 在 Lightgallery 中查看上传的 PDF

问题描述

我使用 lightgallery 预览上传的图像,效果很好。当我尝试在 lighgallery 中打开上传的 pdf 时,它没有显示出来。但是当给定 data-src 中的硬编码路径值时,我可以查看 pdf。

img#exeImg.height-100.load-pdf(src="/custom/img/nodata.svg" data-iframe="true"  data-src="/custom/img/Manual.pdf")

$('.load-pdf').lightGallery({
  selector: 'this'
});

但是当尝试使用上传的 base 64 pdf 时它不起作用

function previewDocuments(input,imgId){
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    reader.onload = function (e) {
      $(imgId).attr('src', "/custom/img/fileuploaded.svg");  
      $(imgId).attr('data-src',e.target.result);
    }
    reader.readAsDataURL(input.files[0]);
  }
}

标签: javascripthtmlfile-uploadlightgallery

解决方案


推荐阅读