缩略图

效果图： 本姐只展示关键代码哈 上代码：网站有完整代码，但是数据不是循环的。 https://surmon-china.github.io/vue-awesome-swiper/ 循环数据的代码在此： <template> <!-- swiper1 --> <div class="top" style="height: 340px; width: 340px"> <swiper :options="swiperOptionTop" class="gallery-top" ref="swiperTop"> <swiper-slide class="slide-1" style="height: 340px; width: 340px" v-for="(item,index) in msg" :key="index" :style="item.icon" > <!-- <pic-zoom :url="" :scale="3"></pic-zoom> --> </swiper-slide> </swiper> </div> <!-- swiper2 Thumbs --> <div class="swiper" style="height: 340px; width: 340px" > <swiper :options="swiperOptionThumbs" class="gallery

“编辑导航”提交后建议自动关闭 无内容栏目页： 应显示“无内容”提示，或显示空。但不应胡乱显示 新闻管理： 搜索功能不可用，且需所有字段的联合模糊搜索功能（高级搜索） Select功能异常。选定并执行操作后，会错误地续选 无法识别固定文章 无缩略图的文章也显示缩略图？建议取消“来源”和“缩略图”显示列 “未通过”状态建议用红色显示，“通过”和“拒绝”按钮只显示其一 “编辑”和“删除”按钮无分隔间距，容易误点击 删除文章时无“确认删除”提示，非常容易误删除 无文章“回收站”机制 文章编辑： 单页面导航文章无法编辑修改 “发布时间”需可供编辑，以用于列表排序或特定需要 如何设置“固顶”标记？且列表显示时无需显示“固顶”2字 如何设置标题颜色及字样（如加粗）？ 标题新闻： 列表显示时不应附加 <a href> 文章内容显示页： “来源”和“作者”如为空时，则无需显示。 类型为“单个页面”的，则“发布时间”、“来源”和“作者”都无需显示 来源： https://www.cnblogs.com/caoqh/p/11683631.html

1、背景 近期，公司希望实现安卓原生端的PDF功能，要求：高效、实用。 经过两天的调研、编码，实现了一个简单Demo，如上图所示。 关于安卓原生端的PDF功能实现，技术点还是很多的，为了咱们安卓开发的同学少走弯路，通过此文章，简单讲解下Demo的实现原理和主要技术点，并附上源码。 2、安卓PDF现状 目前，PDF功能仍然是安卓的一个短板，不像iOS，有官方强大的PDF Kit可供集成。 不过，安卓也有一些主流的方案，不过各有优缺点： 1、google doc 在线阅读，基于webview，国内需翻墙访问（不可行） 2、跳转设备中默认pdf app打开，前提需要手机安装了pdf 软件（可按需选择） 3、内置 android-pdfview，基于原生native, apk增加约15~20M（可行，不过安装包有点大） 4、内置 mupdf，基于原生native, 集成有点麻烦，增加约9M（可行，不过安装包稍有点大） 5、内置 pdf.js，功能丰富，apk增加5M（基于Webview,性能低，js实现，功能定制复杂） 6、使用x5内核，需要客户端完全使用x5内核（基于Webview,性能低，不能定制功能） 查阅官方资料，这些方案虽然能实现基本的PDF阅读功能，但是多数方案，集成过程较复杂，且性能低下，容易内存溢出造成App闪退。 3、方案选择 经过对各方案的反复比对，本次实现PDF

Vue--缩略图 安装---需查看官网-- cnpm i vue-preview -s 1 2 3 4 5 <!-- 缩略图区域 --> < div class="thumb-img-list"> <!-- 使用 v-for 循环渲染缩略图 --> < img class="preview-img" v-for="(item, index) in photolist" :src="item.src" height="100" @click="$preview.open(index, photolist)" :key="index"> </ div > 　　获取后台接口---必须设置宽和高 1 2 3 4 5 6 7 8 9 10 11 getThumbs() { // 获取缩略图 this .$http.get( "api/getthumbsimages/" + this .id).then(res => { if (res.body.status === 0){ res.body.message.forEach(item => { item.w = 600; item.h = 400; }); } }); } 　　 ## 实现缩略图的效果 \1. 先加载所有的图片并显示到页面上； \2. 使用 vue-preview 插件来实现缩略图效果； \3. 如何使用缩略图组件呢： +

1. 简单介绍 借用红薯对 Thumbnailator 的描述： Thumbnailator 是一个用来生成图像缩略图的 Java 类库，通过很简单的代码即可生成图片缩略图，也可直接对一整个目录的图片生成缩略图。 有了这玩意，就不用在费心思使用 Image I/O API,Java 2D API 等等来生成缩略图了。 直接上代码，先来看一个最简单的例子 ： 的确是爽歪歪的说，一行代码就把大鸟变小鸟。 那我要是有一个文件夹都需要生成缩略图，那还是很麻烦，有没有对文件夹下所有图片生成缩略图呢？答案是肯定的： Thumbnails.of(newFile("path/to/directory") .listFiles()) .size(640,480) .outputFormat("jpg") .toFiles(Rename.PREFIX_DOT_THUMBNAIL); 这个代码想不用我解释就能看懂什么意思了吧？我个人很喜欢这种 API 的方式，简洁，易懂，明了。 2 ．特点 2.1. 可以根据现有的图片生成高质量的缩略图 下面是一个对比： Thumbnailator 生成的缩略图 Graphics.drawImage 生成的缩略图 2. 2. 可以在缩略图中嵌入水印，并且可以设置水印的透明度： 2. 3. 支持生成经过旋转后的缩略图： 代码： for(inti :newint[] {0

函数放在common.php公共文件即可 function thumb ($src = '', $width = 500 , $height = 500 , $type = 1 , $replace = false) { $src = './'.$src; if (is_file($src) && file_exists($src)) { $ext = pathinfo($src, PATHINFO_EXTENSION); $name = basename($src, '.'.$ext); $dir = dirname($src); if (in_array($ext, array ('gif','jpg','jpeg','bmp','png'))) { $name = $name.'_thumb_'.$width.'_'.$height.'.'.$ext; $file = $dir.'/'.$name; if (!file_exists($file) || $replace == TRUE ) { $image = \think\Image::open($src); $image->thumb($width, $height, $type); $image->save($file); } $file=str_replace("\\","/",$file); $file = '/'

转 载 声明： Ryan的博客文章欢迎您的转载，但在转载的同时，请注明文章的来源出处，不胜感激！ :-) http://my.oschina.net/ryanhoo/blog/86842 约几个月前，我正为公司的APP在Android手机上实现拍照截图而烦恼不已。 上网搜索，确实有不少的例子，大多都是抄来抄去，而且水平多半处于demo的样子，可以用来讲解知识点，但是一碰到实际项目，就漏洞百出。 当时我用大众化的解决方案，暂时性的做了一个拍照截图的功能，似乎看起来很不错。可是问题随之而来，我用的是小米手机，在别的手机上都运行正常，在小米这里却总是碰钉子。虽然我是个理性的米粉，但是也暗地里把小米的工程师问候了个遍。真是惭愧！ 翻文档也找不出个答案来，我一直对 com.android.camera.action.CROP 持有大大的疑问，它是从哪里来，它能干什么，它接收处理什么类型的数据？Google对此却讳莫如深，在官方文档中只有Intent中有只言片语言及，却不甚详尽。 随着项目的驱动，我不能抱着不了解原理就不往前走的心态，唯一要做的，是解决问题。最后在德问上找到一条解决方案，说是哪怕是大米也没问题。当时乐呵呵将代码改了改，确实在所有的手机上跑起来了，一时如释重负，对这个的疑问也抛诸脑后了。 直到月前，BOSS要求将拍照上传到服务器的图片分辨率加倍。OK，加倍简单

　　在网站开发过程中，大家都是如何解决多尺寸图片缩略图问题的呢？犹为典型的是电商网站，据了解，淘宝的图片缩略图是直接存储多张缩略图的方式，以满足各种情况下使用，因为它有牛逼的开源+自主开发的海量图片存储架构作支撑。但是，我们在做网站时，并不可能直接搬牛逼的架构过来，就可以达到预期的效果，况且各种成本投入也是有限的。所以一般性能优化的原则大都是这样：先考虑软件的优化，再考虑硬件的升级，当然土豪客户则除外。 　　很多网站可能没有对图片进行缩略图处理，上传时图片可能几百KB，在页面也是直接加载几百KB的图片大小，这样极为占用带宽，影响网站加载速度。也有很多网站的做法可能也是直接根据前端页面所需求图片的尺寸，在上传时就处理生成相应尺寸的缩略图，但如果前端页面布局进行调整时，可能就得调整缩略图生成的尺寸，之前生成的图片也有可能需要重新生成。之前我在一个网站项目时就遇到这样的问题，经过一系列地验证，最终是采用动态缩略图技术解决的，现在整理出来给大家分享分享。 　　其实，原理很简单，通过高性能的图片压缩算法，在一般处理程序（HttpHandler）对图片进行压缩处理，图片路径则直接指向HttpHandler，将图片路径、需要压缩的宽高等参数传进去，实现动态压缩。 　　在网站目录下新建 ResizeImage.ashx 文件，代码如下： 1 using System; 2 using System

前提与解释： 安卓平台作为一款移动端的应用操作平台，其内存容量是十分有限的，内存资源是十分珍贵的，是无法与传统的桌面平台相比的，因此，在安卓平台下同样的图片操作与处理都要十分谨慎，否则你的程序可以 迅速地消耗可用内存的预算， 最终由于 OutOfMemory导致程序崩溃掉。以下有三个原因说明了我们为什么要谨慎： （1）安卓平台下对应用可使用的系统资源都做出了限制，标准安卓系统下，一个应用程序可用的最大内存为16M，一些第三方ROM 可能会上调这一限制，但是作为应用来说一定要控制自己的内存用量，这并不是可以无限制使用的。 （2）一张高分辨图片的内容耗用量是惊人的， 例如， Galaxy Nexus的 摄像头在拍摄2592X1936像素（5百万像素）。如果位图使用 的是配置 ARGB_8888 （默认的Android 2.3开始），那么此图像加载到内存占用约19MB的内存（2592 * 1936 * 4字节），直接就耗 尽了在某些设备上的每个应用程序的内存上限。 （3）安卓应用程序的一些控件经常需要几个位图一起加载。例如ListView，GridView，ViewPager等控件，并且在使用中还要快速 的滑动，要及时对图片进行更新与回收，更加增加了图片处理的难度。 解决办法： 一，如何去加载与显示大图： 其实，在安卓这样内存有限的平台上，是没有必要按照原始尺寸把一张大图完全加载进来的

转 载 声明： Ryan的博客文章欢迎您的转载，但在转载的同时，请注明文章的来源出处，不胜感激！ :-) http://my.oschina.net/ryanhoo/blog/86853 在这篇博客中，我将向大家展示如何从相册截图。 上一篇博客中，我就拍照截图这一需求进行了详细的分析，试图让大家了解Android本身的限制，以及我们应当采取的实现方案。 根据我们的分析与总结，图片的来源有拍照和相册，而可采取的操作有 使用Bitmap并返回数据 使用Uri不返回数据 前面我们了解到，使用Bitmap有可能会导致图片过大，而不能返回实际大小的图片，我将采用大图Uri，小图Bitmap的数据存储方式。 我们将要使用到URI来保存拍照后的图片： private static final String IMAGE_FILE_LOCATION = "file:///sdcard/temp.jpg";//temp file Uri imageUri = Uri.parse(IMAGE_FILE_LOCATION);//The Uri to store the big bitmap 不难知道，我们从相册选取图片的Action为Intent.ACTION_GET_CONTENT。 根据我们上一篇博客的分析，我准备好了两个实例的Intent。 一、从相册截大图： Intent intent = new