提取编辑中的图片生成缩略图



<img id="thumb_img" style="width:100px; height:100px; border:1px #ccc solid; margin-top: 15px" src="">
<input id="img" type="hidden" name="thumb_img" value="">

<span>
    <label>
         <input id="autolitpic" type="checkbox">
             提取第一个图片为缩略图
    </label>
     (
     <a class="qximg" href="javascript:;">[取消缩略图]</a>
     )
</span>
<label class="textarea"><textarea name="content" id="content" class="content" onblur="content_validate()"></textarea>
                                <input type="hidden" name="parse" value="0"> <script
                                    type="text/javascript">
                                    var editor_content1;
                                    KindEditor.ready(function(K) {
                                        editor_content1 = K.create(‘textarea[name="content"]‘, {
                                            allowFileManager : false,
                                            themesPath: K.basePath,
                                            width: ‘900px‘,
                                            height: ‘700px‘,
                                            resizeType: 1,
                                            pasteType : 2,
                                            urlType : ‘absolute‘,
                                            cssPath : ‘/statics/js/kindeditor/plugins/code/prettify.css‘,
                                            uploadJson : ‘{:U(‘ke_upimg‘)}‘,
                                            afterCreate : function() {
                                                this.sync();
                                                  },
                                            afterBlur:function(){
                                                 this.sync();
                                               }
                                        });
                                        prettyPrint();
                                    });
                                    </script>
                            </label>
//获取第一张图片
$(‘#autolitpic‘).click(function (){
    if($(this).attr(‘checked‘)){
        $(this).attr(‘checked‘,false);
    }else {
            var content=$(‘.content‘).val();
            if(content.match(/src="[^"]+"/g)==null){
               alert(‘文章内容没有图片‘);
               $(this).attr(‘checked‘,false);
             }else{
                 $(this).attr(‘checked‘,true);
                 set_thumb_img();
          }
    }
});

//取消缩略图
$(‘.qximg‘).click(function (){
    cancel_thumb_img();
});
//设置第一个图片为缩略图
function set_thumb_img() {
    var content=$(‘.content‘).val();
    var strcount=content.match(/src="[^"]+"/g)[0].replace("src=\"","");
    var val=strcount.substring(0,strcount.length-1).replace("http://cb2013.tdedu.org","");
    $("#thumb_img").attr(‘src‘,val);
      $("#img").val(val);
}

//取消缩略图
function cancel_thumb_img() {
    $(‘#thumb_img‘).attr(‘src‘,‘‘);
    $(‘#img‘).val(‘‘);
}
时间: 2024-08-03 03:23:27

提取编辑中的图片生成缩略图的相关文章

迅捷pdf转换器——如何提取pdf中的图片

对于PDF文件的转换,我们最常遇到的情况是把PDF文件转换成Word格式的情况,不过在一些特殊的情况下,我们也会遇到一些特殊的转换工作,比如将pdf转换成jpg格式的文件就比较少见.PDF转换成图片,转换出来的就是一张张的图片,像是扫描过的PDF文件,文字和图片合并成的文件,单独将图片提取出来,只需要里面的图片要怎么办,最简单的方法:利用迅捷PDF转换器的“PDF图片获取”功能直接提取图片. 迅捷PDF转换器正式为上班一族打造的一款专业软件.软件采用OCR技术,它就像是一台袖珍型扫描仪,帮助用户

nginx实现本地图片生成缩略图

nginx可以实现图片的缩略图效果,很多网站为了前端静态资源相应的性能会给大图自动生成一个小图,比如我们经常会在网上看到bd_64x64.png这种格式,淘宝上的小图经常会看到xxx.jpg_100x100xz.jpg这种格式,也是缩略图的应用:接下来在nginx中实现缩略图效果 首先查看nginx在安装时开启了哪些模块,使用 ./nginx -V 可以查看模块开启情况,更准确的说是将安装nginx时编译阶段执行的 ./configure 命令的原样输出,如果编译的时候添加了 --with-ht

PHP图片生成缩略图

代码: 1 <?php 2 class CImage{ 3 /** 4 * 生成缩略图 5 * @param $srcFile (string) 参数说明:源文件路径 6 * @param $size int 缩略图的大小,默认值150 7 * @param $is_square bool 是否正方形,默认值false 8 * @param $quality int 为可选项,范围从 0(最差质量,文件更小)到 100(最佳质量,文件最大).默认为 IJG 默认的质量值(大约 75). 9 */

图片生成缩略图

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Collections; using System.Drawing; using System.IO; using System.Drawing.Drawing2D; using System.Drawing.Imaging; namespace Common { /// <summary>    

在PHP中给图片添加缩略图

<?php //判断GD库是否存在 if (!function_exists('imagepng')) { die('GD库不存在'); } //图片路径 $imagePath = './img/a.jpg'; //获取图片信息 $imageInfo = getimagesize($imagePath); //获取图片扩展名 $imageExtension = image_type_to_extension($imageInfo[2], false); //获取图片 $func = 'image

com组件提取excel中的图片office07可以提取office13无法提取的问题

今天项目要求在公司小机房里面跑了.小机房里装的office2013 顿时我从excel中提取图片的代码就用不了了 找了一上午资料终于在stackoverflow上找到办法 贴代码: public void ReadPic(string path,List<int> noDataList) { try { if (!Directory.Exists(path)) { Directory.CreateDirectory(path); } int count = 1; int num = 0; fo

php图片的应用-生成带有水印文字的图片-生成带有水印图标的图片-生成缩略图(//为注释内容,不影响文件执行)

<?php ////////////////定义水印文字函数开始////////////////// function watertext($i,$t='版权所有',$s=20,$c='white',$p=9){ $img = imagecreatefromjpeg($i);   //imagecreatefromjpeg - 由文件或 URL 创建一个新图象. $cc = ''; ////////switch循环,循环水印文字的颜色 开始////// switch($c){ case 'whi

C# 生成缩略图 去除图片旋转角度

图片生成缩略图会有旋转角度 /// <summary> /// 测试JRE图片压缩后图片会旋转问题 /// </summary> public void Uploadimg1() { HttpPostedFile hpf = HttpContext.Current.Request.Files[0]; var context = HttpContext.Current; string newurl = context.Server.MapPath("/upload/img/

Java 提取Word中的文本和图片

本文将介绍通过Java来提取或读取Word文档中文本和图片的方法.这里提取文本和图片包括同时提取文档正文当中以及页眉.页脚中的的文本和图片. 使用工具:Free Spire.Doc for Java (免费版) Jar文件导入方法(参考): 方法1:下载jar文件包.下载后解压文件,并将lib文件夹下的Spire.Doc.jar文件导入到java程序.导入效果参考如下: 方法2:可通过maven导入.参考导入方法. 测试文档如下: Java代码示例(供参考) [示例1]提取Word中的文本 im