ueditor富文本上传pdf并能实时预览

2018-09-10 16:00:24

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);

    完美实现。

  • 2019-09-28 08:00:30

    Java.io.tmpdir介绍

    System.getproperty(“java.io.tmpdir”)是获取操作系统缓存的临时目录,不同操作系统的缓存临时目录不一样,

  • 2019-09-28 08:36:43

    Ehcache配置持久化到硬盘,只存储到硬盘

    Ehcache默认配置的话 为了提高效率,所以有一部分缓存是在内存中,然后达到配置的内存对象总量,则才根据策略持久化到硬盘中,这里是有一个问题的,假如系统突然中断运行 那内存中的那些缓存,直接被释放掉了,不能持久化到硬盘;这种数据丢失,对于一般项目是不会有影响的,但是对于我们的爬虫系统,我们是用来判断重复Url的,所以数据不能丢失;

  • 2019-09-28 09:33:18

    put与putIfAbsent区别

    put在放入数据时,如果放入数据的key已经存在与Map中,最后放入的数据会覆盖之前存在的数据, 而putIfAbsent在放入数据时,如果存在重复的key,那么putIfAbsent不会放入值。

  • 2019-09-29 10:28:04

    程序员实用工具网站

    程序员开发需要具备良好的信息检索能力,为了备忘(收藏夹真是满了),将开发过程中常用的网站进行整理。