pdf可以直接在富文本内直接预览so easy

文章讲述了在ueditor中遇到的PDF上传问题,由于使用了github改装的七牛版本,初始不允许上传PDF。作者通过检查和修改上传配置,特别是uploadImg路由,成功实现了PDF上传。接着,为了优化展示,作者修改了代码,使PDF以iframe形式嵌入,而非作为附件显示。
摘要由CSDN通过智能技术生成

1.ueditor的附件功能自带上传pdf功能。

    然而我使用的是github改装七牛版本的,缺提示  文件类型不允许



    这就尴尬了,通过文本搜素,也只能这样了,ueditor的js文件太大了,太复杂了。这个肯定是检测上传配置文件引起的。去看配置文件,发现页没啥问题。php error_log 打印配置项和路由,发现原来这个上传文件统一使用的uploadImg这个路由。

那就在上传图片的配置文件上放开了pdf上传。至此可以上传pdf了。

2.html进行pdf展示。(再放开插入html元素 iframe标签的前提下)

    虽然上传成功了,但是pdf是展现为附件的,这样就有点不好了。

    通过查看附件html代码,关键词搜索,然后去更改了插入pdf的地方。

    截取修改的代码。

for (i = 0; i < filelist.length; i++) {
item = filelist[i];
icon = iconDir + getFileIcon(item.url);
title = item.title || item.url.substr(item.url.lastIndexOf(‘/’) + 1);

if(title.indexOf("pdf")>0){
    html +='<iframe style="width: 100%;height: 600px;border: 0px;overflow: hidden" width="100%" height="500px"  src="'+item.url+'"></iframe>'

}else{
    html += '<p style="line-height: 16px;">' +
        '<img style="vertical-align: middle; margin-right: 2px;" src="'+ icon + '" _src="' + icon + '" />' +
        '<a style="font-size:12px; color:#0066cc;" href="' + item.url +'" title="' + title + '">' + title + '</a>' +
        '</p>';
}

}
me.execCommand(‘insertHtml’, html);

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值