精华内容
下载资源
问答
  • 创建缩略图

    千次下载 热门讨论 2015-06-11 19:05:32
    Example042-创建缩略图
  • pdf首页缩略图

    2017-12-11 10:16:27
    pdf首页缩略图 pdf首页缩略图 pdf首页缩略图 pdf首页缩略图 pdf首页缩略图 pdf首页缩略图 pdf首页缩略图 pdf首页缩略图 pdf首页缩略图 pdf首页缩略图 pdf首页缩略图
  • Qt QListWidget 缩略图列表显示图片
  • windows显示缩略图(重建缩略图

    千次阅读 2020-02-21 23:16:07
    上次清理磁盘之后,发现windows中图片缩略图全没了 发现尝试了多种方法都无法显示,比如:修改文件夹和搜索选项、设置显示方式为图标方式、删除thumbcache.db、清理缩略图等等,都没能解决问题,最后发现c盘只有...

    上次清理磁盘之后,发现windows中图片缩略图全没了
     

    发现尝试了多种方法都无法显示,比如:修改文件夹和搜索选项、设置显示方式为图标方式、删除thumbcache.db、清理缩略图等等,都没能解决问题,同时发现,每次设置完文件夹搜索选项缩略图只能显示短暂的一刹那又没了!。。。。。最后发现c盘只有300多M,最后清理C盘之后腾出900多M的空间终于把问题给解决了!

    查看thumbcache.db,

    明显变大了,原来只有1k!
    这里附上一个删除thumbcache.db重建缓存的脚本:

    #############################################################################
    
    rem 关闭Windows外壳程序explorer
    taskkill /f /im explorer.exe
    rem 清理系统图标缓存数据库
    attrib -h -s -r "%userprofile%\AppData\Local\IconCache.db"
    del /f "%userprofile%\AppData\Local\IconCache.db"
    attrib /s /d -h -s -r "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\*"
    del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_32.db"
    del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_96.db"
    del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_102.db"
    del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_256.db"
    del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_1024.db"
    del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_idx.db"
    del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_sr.db"
    rem 清理 系统托盘记忆的图标
    echo y|reg delete "HKEY_CLASSES_ROOT\Local Settings\Software\Microsoft\Windows\CurrentVersion\TrayNotify" /v IconStreams
    echo y|reg delete "HKEY_CLASSES_ROOT\Local Settings\Software\Microsoft\Windows\CurrentVersion\TrayNotify" /v PastIconsStream
    rem 重启Windows外壳程序explorer
    start explorer
    

    保存为.bat然后双击就能够重建缓存了!
    这里附上常用的思路:
    1、请立即检查您的C盘剩余空间,如果只有几百兆或者几十兆,请清理C盘的无用文件或者将有用文件转移至其他盘。这样缩略图就可以正常显示了。建议大家系统盘保持两倍于内存大小的磁盘剩余空间。(问题原因不明,具体剩余多少兆是微软设置的临界点也不清楚。)

    2、打开一个含有图片的文件夹,右击【查看】,更换查看方式。注意:如果是以小图标,列表,或者详细信息方式不显示缩略图是正常的。选用其他查看方式即可显示。

    3、双击【计算机】,在【组织】的下拉菜单中找到【文件夹和搜索选项】,在【查看】选项中找到【始终显示图标,从不显示缩略图】选项前的勾去掉,然后点击确定。

    4、右击【计算机】点击【属性】,选择【高级系统设置】,然后在【高级】选项卡中点性能【设置】,勾选【显示缩略图,而不显示图标】选项,点击确定即可。

    5、重建缩略图缓存,在【开始搜索栏】中键入【磁盘清理】,然后按回车键打开磁盘清理工具,然后选择系统盘盘符(如C:),点确定,弹出对话框计算机时间不用挂,然后只选择【缩略图】,点确定,在弹出框点确认【删除文件】。

    6、“进入控制面板\显示,将系统字体大小改成中.注销后再改回默认。”

    展开全文
  • 有时PDF文档页面较多时,通过缩略图可以快速预览并找到对应页码打开,但是要怎么才能让PDF文件显示缩略图呢?缩略图除了页面显示外,还有哪些用途呢? 首先用极速PDF编辑器打开文档后,可以通过以上两种方式打开缩略...

    有时PDF文档页面较多时,通过缩略图可以快速预览并找到对应页码打开,但是要怎么才能让PDF文件显示缩略图呢?缩略图除了页面显示外,还有哪些用途呢?

    首先用极速PDF编辑器打开文档后,可以通过以上两种方式打开缩略图:

    1、直接选择工具栏中的“缩略图”就能在软件左侧显示缩略图;
    在这里插入图片描述

    2、使用快捷键F8快捷切换,或在上方菜单栏任意处右击勾选缩略图即可。
    在这里插入图片描述

    缩略图的功能:

    除了缩小显示页面便于查阅之外,我们可以看到缩略图的面板上有一些工具按钮,也能对文档的页面进行快速操作;
    在这里插入图片描述

    从左到有依次为:

    1.按钮旋转当前所在页面;

    1. 在当前文档中插入新页面;

    3.将另一个文档页面插入当前页面中;

    4.在链接扫描仪的情况下,从扫描仪插入新的页面;

    5.提取当前文档单页/部分/全部页面保存为 PDF;

    6.用另一个文档替换当前页面;

    7.删除当前页面;

    8.右键可选择缩略图显示样式停靠/浮动,另外可以自动隐藏/隐藏。

    展开全文
  • springboot 实现图片缩略图效果

    千次阅读 2020-01-09 14:32:19
    前言 啊啊啊,一些工作上遇到的...其实最好的静态文件最好还是通过nginx 获取比较快,但是由于想要做一个缩略图的效果,其实缩略图在前端也可以做,但是任务安排下来了那就做吧。 也考虑在上传文件的时候如果是图片...

    前言

    啊啊啊,一些工作上遇到的一些问题,记录下来,方便以后查看吧,也希望能帮助到大家,所以就打算归类到springboot 番外篇了。

    好了,废话不多说,最近要做一个功能,客户端上传图片到服务端,再从服务端通过文件名下载文件。其实最好的静态文件最好还是通过nginx 获取比较快,但是由于想要做一个缩略图的效果,其实缩略图在前端也可以做,但是任务安排下来了那就做吧。

    也考虑在上传文件的时候如果是图片就生成一个缩略图,但是这个功能之前上线过一次,之前有的图片就没有很好的办法生成缩略图了,所以就成了在下载的时候来生成缩略图。
    实现方案如下:

    引入依赖

    在pom.xml 文件中引入如下依赖:

    		<!-- https://mvnrepository.com/artifact/net.coobird/thumbnailator -->
            <dependency>
                <groupId>net.coobird</groupId>
                <artifactId>thumbnailator</artifactId>
                <version>0.4.8</version>
            </dependency>
    

    ImageUtil

    我们创建一个 ImageUtil 工具类。内容如下:

    public class ImageUtil {
        /**
         * 按尺寸原比例缩放图片
         * @param source 输入源
         * @param output 输出源
         * @param width 256
         * @param height 256
         * @throws IOException
         */
        public static void imgThumb(String source, String output, int width, int height) throws IOException {
            Thumbnails.of(source).size(width, height).toFile(output);
        }
        
        /**
         * 按照比例进行缩放
         * @param source 输入源
         * @param output 输出源
         * @param scale  比例
         * @throws IOException
         */
        public static void imgScale(String source, String output, double scale) throws IOException {
            Thumbnails.of(source).scale(scale).toFile(output);
        }
    }
    

    主要就是使用到Thumbnails 实现按像素压缩和按比例压缩,这两种方法都是缩略后保持原比例的不会失真变形的,算是比较常用的了,当然 Thumbnails 还有其他的功能,感兴趣的可以搜索学习一下。

    下载的接口

    创建一个DownloadFileConfig 类,内容如下:

    
    @RestController
    @RequestMapping("/config")
    public class DownloadFileConfig {
    
        private static final Logger log = LoggerFactory.getLogger(DateUtils.class);
    
        private static final String WEBAPPPATH = PathUtil.getRootPath() + ConstantPool.ANNEX;
    
    
        @RequestMapping("/download")
        public String fileDownLoad(HttpServletResponse response, @RequestParam("annexName") String annexName, @RequestParam("type") String type){
    
            String totalUrl = WEBAPPPATH +annexName;
            String output=totalUrl;
            String fileName=annexName;
            if(type.equals(ConstantPool.THUMBNAIL) &&
                    (annexName.contains(ConstantPool.SEPARATORBMP)
                            || annexName.contains(ConstantPool.SEPARATORGIF)
                            || annexName.contains(ConstantPool.SEPARATORPNG)
                            || annexName.contains(ConstantPool.SEPARATORJPEG)
                            || annexName.contains(ConstantPool.SEPARATORJPG)
                            || annexName.contains(ConstantPool.SEPARATORWEBP))
                    ){
                int index=annexName.lastIndexOf(ConstantPool.SEPARATORPOINT);
                fileName=annexName.substring(0,index)+type+annexName.substring(index);
                output=WEBAPPPATH+fileName;
                try {
                    ImageUtil.imgThumb(totalUrl,output,ConstantPool.WIDTH,ConstantPool.HEIGHT);
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
    
            int index=fileName.indexOf(ConstantPool.SEPARATORSLASH);
            String downloadFileName =fileName.substring(index+1);
            log.info(output);
            File file = new File(output);
            if(!file.exists()){
                return "下载文件不存在";
            }
            response.reset();
            response.setContentType("application/octet-stream");
            response.setCharacterEncoding("utf-8");
            response.setContentLength((int) file.length());
            response.setHeader("Content-Disposition", "attachment;filename="+downloadFileName );
    
            try(BufferedInputStream bis = new BufferedInputStream(new FileInputStream(file));) {
                byte[] buff = new byte[1024];
                OutputStream os  = response.getOutputStream();
                int i = 0;
                while ((i = bis.read(buff)) != -1) {
                    os.write(buff, 0, i);
                    os.flush();
                }
            } catch (IOException e) {
                e.printStackTrace();
                return "下载失败";
            }
            return "下载成功";
        }
    
    }
    

    这里用到常量池,ConstantPool内容如下:

    public class ConstantPool {
    
        private ConstantPool(){
        }
    
        public static final  String SEPARATORNULL ="";
        public static final  String SEPARATORPOINT =".";
        public static final   String SEPARATORSLASH ="/";
        public static final   String SEPARATORJPG =".jpg";
        public static final   String SEPARATORJPEG =".jpeg";
        public static final   String SEPARATORBMP =".bmp";
        public static final   String SEPARATORPNG =".png";
        public static final   String SEPARATORGIF =".gif";
        public static final   String SEPARATORWEBP =".webp";
        public static final   String THUMBNAIL ="缩略图";
        public static final   int WIDTH =256;
        public static final   int HEIGHT =256;
    }
    

    上面的下载接口,整个逻辑也很简单,就是先判断type 传的是否是缩略图,如果是则表示是要缩略的图片,则对图片进行压缩后输出,否则就直接输出文件。

    测试效果

    我们在写测试效果的html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <img data-v-8ecfafb6="" src="http://127.0.0.1:9015/sdrwkb/config/download.mt?annexName=1578444949941/HRZhao头像.png&type=缩略图" alt="img">
        <img data-v-8ecfafb6="" src="http://127.0.0.1:9015/sdrwkb/config/download.mt?annexName=1578444949941/HRZhao头像.png&type=" alt="img">
        
    </body>
    </html>
    

    效果如下:
    在这里插入图片描述

    番外

    写的比较粗糙,但也比较简单,希望能帮到大家。

    后续加油

    展开全文
  • Bootstrap 缩略图

    千次阅读 2018-03-11 21:30:50
    缩略图缩略图用于给图片、视频、文本等加入栅格功能,很适合以网格形式展示图片、视频、商品列表等。默认的缩略图非常简单,只需把图片放在 class="thumbnail" 的 &lt;a&gt; 标签中即可。如:&...

    缩略图

    缩略图用于给图片、视频、文本等加入栅格功能,很适合以网格形式展示图片、视频、商品列表等。

    默认的缩略图非常简单,只需把图片放在 class="thumbnail" 的 <a> 标签中即可。如:

    1. <a href="#" class="thumbnail">
    2.   <img src="img/260x180.jpg" alt="">
    3. </a>

    如果要定义缩略图的列表,使用类为 .thumbnails 的 <ul> 包裹任意数量的 <li> 元素,并使用 .span* 来控制缩略图的尺寸,再把上述的 <a> 标签放到 <li> 中即可。如:

    1. <ul class="thumbnails">
    2.   <li class="span3">
    3.     <a href="#" class="thumbnail">
    4.       <img src="img/cat.jpg" alt="">
    5.     </a>
    6.   </li>
    7.   ...
    8. </ul>

    Bootstrap会给图片加上 4 像素的内边距和一个灰色边框。而且,鼠标悬停时,图片四周还会出现动态光晕。效果如图 4‑51所示:

    Bootstrap缩略图组件thumbnail图4-51 Bootstrap缩略图组件thumbnail

    如果要在缩略图中自定义HTML内容,如添加标题、段落、按钮等,也很简单,只需把上述的 <a> 替换成 <div> 就行了。如:

    1. <ul class="thumbnails">
    2.   <li class="span4">
    3.     <div class="thumbnail">
    4.       <img src="img/cat2.jpg" alt="">
    5.       <h3>Thumbnail label</h3>
    6.       <p>Thumbnail caption...</p>
    7.     </div>
    8.   </li>
    9.   ...
    10. </ul>

    效果如图 4‑52所示:

    Bootstrap缩略图列表thumbnails图4-52 Bootstrap缩略图列表thumbnails

    关于作者

    歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

    展开全文
  • DedeCMS列表页默认是显示缩略图和文章标题的,但是有些文章是没有缩略图的,这样就显示了DedeCMS自带的默认缩略图,不好看,能不能当没有缩略图时,就自动隐藏缩略图,让他不显示出来,答案是可以的,只要把下面的...
  • 微信分享链接的缩略图和标题

    万次阅读 2017-12-11 18:00:47
    一、微信内分享在微信内打开链接后,点右上角【…】选择【发送给朋友】或【分享到朋友圈】,这种分享方式获取缩略图的方法: 方法一:在页面 body 最上方添加 300*300 像素的 img 如该图片不需要显示,可以用 css ...
  • Android 点击缩略图显示大图 Demo

    千次下载 热门讨论 2013-08-15 15:56:38
    最简单明了的点击缩略图显示大图的Demo
  • pdf生成缩略图

    2011-09-28 16:36:02
    pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图pdf生成缩略图
  • 前言作为一位设计师或者在快印店里,都会有大量的psd/ai/pdf文件,在没有规范的命名情况下是很混乱的,若用缩略图预览文件内容有时文件又不显示(或者完全不显示缩略图),这是因为电脑还未安装这些文件的缩略图补丁。...
  • 大家都知道Win7系统是不支持直接对CR2文件显示缩略图的,如果您想让Win7显示CR2文件缩略图那么就需要单独下载cr2缩略图补丁安装一下,这其实就是一个佳能数码相机RAW文件CR2原片格式缩略图显示补丁,下载解压直接...
  • D7浏览图片缩略图源码

    热门讨论 2014-12-23 08:26:46
    D7编写的一个浏览目录图片,缩略图点击出现大图,全部源码。仅供参考。
  • 最近项目需要做上传功能,网上搜索了一下各种...在demo中,我也集成了图片缩略图的生成,视频缩略图的截取等功能,有兴趣的可以看一下Stream插件:http://twinkling.cn/首先围观一下是不是感觉不错,至少我认为是可...
  • 下面是完整代码,看注释: <!DOCTYPE html> <html lang="en"> <head>...显示选择图片的缩略图</title> <style> #dropbox { width: 400px; height: 70px;...
  • vue带缩略图的轮播图插件View demo 查看演示Download Source 下载源Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. ...
  • 安卓拍照生成缩略图及读取缩略图、原图、角度等信息
  • 在这次的工作开发项目中,涉及到一个视频缩略图的视频列表;这个在大家看来,制作视频缩略图就是两行代码就搞定的事。确实是这样的,百度一下,每个帖子都知道制作视频缩略图的方法,在这里确实也是一样的,但是我要...
  • dede默认只生成一个规格大小的缩略图,而往往在一个站不同页面内需要的缩略图大小不一致,比例不一致,这就造成了缩略图不清晰,失真,下面提供的方法就完美解决了这个问题。 使用方法: 一、要获得清晰的缩略图...
  • 获取手机所有图片和视频的路径和生成图片和视频的缩略图缩略图路径 生成缩略图我们用的系统函数 public static Bitmap getThumbnail(ContentResolver cr, long origId, int kind, Options options) { throw ...
  • JAVA获取视频缩略图

    2018-02-05 11:01:02
    超简单 获取视频缩略图
  • 《Android大图片之变换缩略图,以及对原始大图片按照指定宽、高裁剪成缩略图》 在Android的ImageView加载图像资源过程中,出于性能和内存开销的需要,有时候需要把一个原始的超大图片按照一定比例等比例缩放成较小...
  • CorelDRAW缩略图不显示解决办法如下:缩略图问题的主要原因,是因为安装过X4的精简版造成,所以需要先想办法卸载掉X4精简版的缩略图才行注意:卸载x4精简版缩略图方法有下面几种,反正就是无论如何都要想办法先把X4 ...
  • 上次有个需求,是要给图片做个缩略图以及预览功能。其实用vue来实现是很简单的, 几句代码可以搞定,也不需要什么额外的插件。 实现的效果如下: - vue显示图片缩略图 - vue显示图片预览功能
  • 缩略图Thumbnails

    2015-12-13 15:06:46
    比如最近在做一个类似相册的应用,需要扫描相册里面的图片,然后获取其缩略图,使用GridView去展示缩略图,当点击之后,我们需要获取其原始图,所以相关的需求如下:1)获取缩略图(一个问题是:是否所有的图片以及...
  • Bootstrap缩略图.thumbnail

    2019-05-22 16:19:53
    缩略图 缩略图是对Bootstrap栅格系统的扩展,将图片、视频、文本等加入到缩略图中,就可以很容易地以网格形式展示图片、视频、商品列表等。 默认缩略图 Boostrap中的默认缩略图设计非常简单,只需把图片、视频、...
  • dedecms添加图片缩略图

    2018-06-11 10:10:08
    dedecms网站管理系统,默认的文章包含有缩略图选项,可以直接上传录入。但实际使用中,我们发现作为栏目来说,必要的缩略图也是必不可少的,所以本文详细介绍了如何快速给栏目增加缩略图。dedecms文本编辑器1涉及到...
  • 没有缩略图是因为MaxThumbnailShellExt.dll没有正确注册。现在我们去注册它,完成后立马显示缩略图: 右键点击计算机——选择管理——选择系统工具中的“本地用户和组”选择用户,右侧 右键点选 Administrator 账户...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 27,540
精华内容 11,016
关键字:

缩略图