javascript - 在 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]);
}
}
解决方案
推荐阅读
- c - 使用宏初始化特定的数组元素
- sql-server - 以角度2将数据绑定到数据库
- ios - 如何在滚动另一个 UICollectionView 时自动滚动 UICollectionView?
- reactjs - 如何使用简单的脚本标签加载 react-redux
- cordova - ionic3 应用程序使用 build --prod 标志卡在初始屏幕上
- html - 如何根据是否输入文本来更改文本区域的属性
- ajax - 使用 Scrapy 抓取 AJAX 网站
- python - 按列和行过滤正则表达式。结合
- opengl - glfwCreateWindow 在 Mac OS 上返回 NULL
- android - RecyclerView (Horizontal) inside RecyclerView (Horizontal) in RecyclerView (Vertical)