解决windows电脑系统图片不显示缩略图预览的2种办法

文章描述了Windows10系统中图片显示为默认图片编辑器图标的问题,提供了两种解决方案:一是检查并修改Windows的文件夹选项,取消“始终显示图标,从不显示缩略图”的设置;二是清理C盘空间,尤其是缩略图缓存。作者通过排除法,首先排除了图片查看器自身和文件夹设置的问题,最后发现是C盘空间不足导致的。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天发现,windows10桌面的图片全部显示成默认图片编辑器的图标了,这样会造成选择图片的时候非常不方便,

昨天还一切正常是什么造成了这样的现象?

问题如图:

解决方案1:windows设置问题

windows的系统文件夹里面有一项是专门设置显示图片的选项

(1)win10系统为例,打开[我的电脑]-点击左上角[文件]-选择[更改文件夹和搜索选项]  

如果你是win7系统[我的电脑]-左上角[组织]-[更改文件夹和搜索选项]

(2)[文件夹选项]-[查看]-去掉[始终显示图标,从不显示缩略图]前面的√,即可解决大部分人的问题

如果此处的问题已经解决那么恭喜您,如果您的问题还没有解决请看解决方案2:

解决方案2:C盘系统磁盘满了或者要清理

(1)请先查看你的系统C盘是否已经满了,如果满了请清理C盘无用文件,或者清空回收站也可以释放一些硬盘空间

(2)勾选你要删除的windows系统文件,其中缩略图项是必须勾选的,然后点击清理系统文件

经过以上2种解决方法,相信你关于windows系统图片不显示缩略图的问题已经解决了

其实上面2步并不是我一开始的解决思路,一开始我先想到的是不是图片浏览器的问题导致缩略图不显示,顺便分析一下,解决一个问题思路很重要:

排查思路1:是否是图片查看器自身的问题?

经过排查,甚至重装图片编辑器问题依旧,看来不是图片编辑器的问题.

排查思路2:是否是文件夹设置的问题?

众所周知在图片文件夹空白处右键,点击查看-除了列表项和详细信息项不显示图片缩略图外,只要你选的其他的项都会显示缩略图的

排查思路3:上面两种都没有解决,就来看看是不是系统设置问题

排查方案看[解决方案1]

此方案也没有解决我的问题,因为可以想象到应该不是,因为我昨天电脑还可以显示的,今天不行,突然间发现的我电脑C盘满了,满心欢喜,应该是C盘磁盘满的原因

排查方案4:清理C盘空间

至此,windows系统图片不显示缩略图的问题解决了!

可以使用 PDF.js 库来实现在 Vue 中预览 PDF 并显示缩略图。具体实现步骤如下: 1. 安装 pdfjs-dist 和 vue-pdf 依赖: ``` npm install pdfjs-dist vue-pdf --save ``` 2. 在 Vue 组件中引入依赖: ```javascript import pdfjsLib from 'pdfjs-dist'; import VuePdf from 'vue-pdf'; ``` 3. 在组件中使用 VuePdf 组件,并设置 props: ```html <template> <div> <vue-pdf :src="pdfUrl" :page="currentPage" @num-pages="numPages = $event"></vue-pdf> <div v-for="i in numPages" :key="i"> <img :src="`data:image/jpeg;base64,${thumbnails[i - 1]}`" /> </div> </div> </template> <script> export default { components: { VuePdf, }, data() { return { pdfUrl: 'https://example.com/example.pdf', currentPage: 1, numPages: 0, thumbnails: [], }; }, methods: { async generateThumbnails() { const pdf = await pdfjsLib.getDocument(this.pdfUrl).promise; for (let i = 1; i <= this.numPages; i++) { const page = await pdf.getPage(i); const viewport = page.getViewport({ scale: 0.5 }); const canvas = document.createElement('canvas'); const canvasContext = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; await page.render({ canvasContext, viewport }).promise; const thumbnail = canvas.toDataURL('image/jpeg'); this.thumbnails.push(thumbnail.split(',')[1]); } }, }, mounted() { this.generateThumbnails(); }, }; </script> ``` 在上面的代码中,我们使用了 VuePdf 组件来预览 PDF,同时使用了 PDF.js 库来生成缩略图。在 mounted 钩子函数中调用 generateThumbnails 方法来生成缩略图,并将缩略图数据存储在 thumbnails 数组中。在模板中使用 v-for 循环渲染缩略图
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

AI虎哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值