jquery javascript获取图片的宽高代码

 更新时间:2016年9月20日 19:00  点击:1468
本文章提供一款jquery javascript获取图片的宽高代码哦,第一款是基于jquery的例子,第二款是利用js获取上传图片的高度与宽度代码。

jquery例子

var img = $(‘#imageid');

var theimage = new image();t

heimage.src = img.attr(“src”);

alert(“width: ” + theimage.width);

alert(“height: ” + theimage.height);


js例子

var img = new image();
img.onload = function(){
 宽度=this.width
 高度=this.height
}
img.src = 图片地址;

进行了301重定向,把www.111cn.net和111cn.net合并,并把之前的域名也一并合并. 有两种实现方法,第一种方法是判断nginx核心变量host(老版本是http_host):
server {
server_name www.111cn.net 111cn.net ;
if ($host != 'www.111cn.net' ) {
rewrite ^/(.*)$ http://www.111cn.net/$1 permanent;
}
...
}
第二种方法:
server {
server_name 111cn.net;
rewrite ^/(.*) http://www.111cn.net/$1 permanent;
}

测试了第一种方法ok,这两种方法中, permanent是关键,详细说明见nginx重定向规则说明。

last – 基本上都用这个flag。
break – 中止rewirte,不在继续匹配
redirect – 返回临时重定向的http状态302
permanent – 返回永久重定向的http状态301

好了,现在可以检查结果,这里可以看返回的http头信息:

http://www.seo教程consultants.com/tools/headers.asp教程

第二种方法没有测试成功...


--------------------------------------------------------------------------------
测试是否定向成功

http://qinfy.net/301-redirect-for-nginx/

输入指令~

/usr/local/nginx/sbin/nginx -t
提示:
the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok
configuration file /usr/local/nginx/conf/nginx.conf test is successful

测试成功~ 重启nginx~ 输入指令~

/usr/local/nginx/sbin/nginx -s reload
重启之后测试一下~是否成功设定完成! 输入指令~

curl -i imcat.tk


会输出:

http/1.1 301 moved permanently
server: nginx/0.7.65
date: tue, 03 aug 2010 01:12:37 gmt
content-type: text/html
content-length: 185
connection: keep-alive
location: http://111cn.net/

现在浏览器多啊,如有 chrome/ff/ie,那我们设计师就会碰到很多问题,如果不兼容问题,今天我们要讲的是关于iframe的 frameborder在不同浏览器不兼容解决方法。

代码如下:

var iframe = document.createelement("iframe");
iframe.id = "frame-" + index;
iframe.src = url;
iframe.width = "100%";
iframe.marginwidth = "0";
iframe.scrolling = "no";
iframe.frameborder="0";

使用ie中“查看选定区域源代码”发现创建的iframe代码是<iframe frameborder=0/>,网上搜了下资料,原来是ie不认小写,我晕死....

使用
 代码如下:

setattribute("frameborder", "0", 0);


//问题解决了。


 代码如下:

var iframe = document.createelement("iframe");
iframe.id = "frame-" + index;
iframe.src = url;
iframe.width = "100%";
iframe.marginwidth = "0";
iframe.scrolling = "no";
iframe.setattribute("frameborder", "0", 0); //最后一个0表示是否区别大小写,问题解决
关于中文的正则表达式, 应该是^[\\u4E00-\\u9FFF]+$, 和论坛里常被人提起的^[\\u4E00-\\u9FA5]+$很接近需要注意的是论坛里说的^[\\u4E00-\\u9FA5]+$这是专门用于匹配简体中文的正则表达式, 实际上繁体字也在里面, 我用测试器测试了下, 也通过了, 当然, ^[\\u4E00-\\u9FFF]+$也是一样的结果

关于中文的正则表达式, 应该是^[u4e00-u9fff]+$, 和论坛里常被人提起的^[u4e00-u9fa5]+$很接近需要注意的是论坛里说的^[u4e00-u9fa5]+$这是专门用于匹配简体中文的正则表达式, 实际上繁体字也在里面, 我用测试器测试了下, 也通过了, 当然, ^[u4e00-u9fff]+$也是一样的结果


正则表达式匹配汉字中文var

 str = "网页制作教程ww.111cn.net";
if (/^[u4e00-u9fa5]+$/.test(str)) {
alert("该字符串全部是中文");
} else {
alert("该字符串不全部是中文");
}


php教程正则中文

<?php
$str = "php编程";
if (preg_match("/^[u4e00-u9fa5]+$/",$str)) {
print("该字符串全部是中文");
} else {
print("该字符串不全部是中文");
}
?>


匹配中文字符的正则表达式: [u4e00-u9fa5]
匹配双字节字符(包括汉字在内):[^x00-xff]
匹配空行的正则表达式:n[s ¦ ]*r
匹配html标记的正则表达式:/ <(.*)> .* </1> ¦ <(.*) /> /
匹配首尾空格的正则表达式:(^s*) ¦(s*$)

第一步:设置fckconfig.网页特效,在fckeditor目录下的

//设置语言类型为php教程

var _filebrowserlanguage = 'php' ; // asp教程 | aspx | cfm | lasso | perl | php | py

var _quickuploadlanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php

//开启图片上传

fckconfig.imageupload = true ;

//关闭服务器浏览功能,个人认为这个功能很鸡肋...

fckconfig.imagebrowser = false ;

第二步:设置config.php

路径:fckeditor/editor/filemanager/connectors/php/config.php

$config['enabled'] = true ;//是否启用

$config['userfilespath'] = '/html/fckeditor/upload/' ;//相对根目录的路径

$config['userfilesabsolutepath'] = 'f:\apps教程erv\www\myreach\wwwroot\html\fckeditor\upload\'  ;//绝对路径

当然,上传目录必须为可写的,因为如果你设置的子目录(相对于上传目录)不存在,fckeditor会自动创建的。

例如,上传目录为upload,你要按日期归档上传的图片,图片路径设置为upload/2010/02/17/,fckeditor在上传图片时会自动 创建2010/02/17这样的子目录。

早期版本的fckeditor要求上传目录必须存在而不会自动创建。

这样强大的在线上传功能就实现了。

最后一步,找到fckeditor/editor/dialog/fck_image/fck_image_preview.html里面把里面的一段英 文删掉,不然在图片预览的时候会显示在图片旁边。

[!--infotagslink--]

相关文章

  • 使用PHP+JavaScript将HTML页面转换为图片的实例分享

    这篇文章主要介绍了使用PHP+JavaScript将HTML元素转换为图片的实例分享,文后结果的截图只能体现出替换的字体,也不能说将静态页面转为图片可以加快加载,只是这种做法比较interesting XD需要的朋友可以参考下...2016-04-19
  • PHP成员变量获取对比(类成员变量)

    下面本文章来给大家介绍在php中成员变量的一些对比了,文章举了四个例子在这例子中分别对不同成员变量进行测试与获取操作,下面一起来看看。 有如下4个代码示例,你认...2016-11-25
  • php 获取用户IP与IE信息程序

    php 获取用户IP与IE信息程序 function onlineip() { global $_SERVER; if(getenv('HTTP_CLIENT_IP')) { $onlineip = getenv('HTTP_CLIENT_IP');...2016-11-25
  • 关于JavaScript中name的意义冲突示例介绍

    在昨天的《Javascript权威指南》学习笔记之十:ECMAScript 5 增强的对象模型一文中,对于一段代码的调试出现了一个奇怪现象,现将源代码贴在下面: 复制代码 代码如下: <script type="text/javascript"> function Person(){}...2014-05-31
  • C#和JavaScript实现交互的方法

    最近做一个小项目不可避免的需要前端脚本与后台进行交互。由于是在asp.net中实现,故问题演化成asp.net中jiavascript与后台c#如何进行交互。...2020-06-25
  • php获取一个文件夹的mtime的程序

    php获取一个文件夹的mtime的程序了,这个就是时间问题了,对于这个问题我们来看小编整理的几个例子,具体的操作例子如下所示。 php很容易获取到一个文件夹的mtime,可以...2016-11-25
  • javascript自定义的addClass()方法

    复制代码 代码如下: //element:需要添加新样式的元素,value:新的样式 function addClass(element, value ){ if (!element.className){ element.className = value; }else { newClassName = element.className; newClas...2014-05-31
  • JavaScript中的this关键字使用方法总结

    在javascritp中,不一定只有对象方法的上下文中才有this, 全局函数调用和其他的几种不同的上下文中也有this指代。 它可以是全局对象、当前对象或者任意对象,这完全取决于函数的调用方式。JavaScript 中函数的调用有以下...2015-03-15
  • 如何获取网站icon有哪些可行的方法

    获取网站icon,常用最简单的方法就是通过website/favicon.ico来获取,不过由于很多网站都是在页面里面设置favicon,所以此方法很多情况都不可用。 更好的办法是通过google提供的服务来实现:http://www.google.com/s2/favi...2014-06-07
  • javascript的事件触发器介绍的实现

    事件触发器从字面意思上可以很好的理解,就是用来触发事件的,但是有些没有用过的朋友可能就会迷惑了,事件不是通常都由用户在页面上的实际操作来触发的吗?这个观点不完全正确,因为有些事件必须由程序来实现,如自定义事件,jQue...2014-06-07
  • 详解javascript数组去重问题

    首先,我想到的是另建一个结果数组,用来存储原始数组中不重复的数据。遍历原始数组依次跟结果数组中的元素进行比较,检测是否重复。于是乎,我写出了如下代码A: Array.prototype.clearRepetitionA = function(){ var resul...2015-11-08
  • JavaScript中逗号运算符介绍及使用示例

    有一道js面试题,题目是这样的:下列代码的执行结果是什么,为什么? 复制代码 代码如下: var i, j, k; for (i=0, j=0; i<10, j<6; i++, j++) { k = i+j; } document.write(k); 答案是显示10,这道题主要考察JavaScript的逗...2015-03-15
  • JavaScript预解析,对象详解

    这篇文章主要介绍了JavaScript预解析,对象的的相关资料,小编觉得这篇文章写的还不错,需要的朋友可以参考下,希望能够给你带来帮助...2021-11-10
  • JavaScript学习笔记整理_setTimeout的应用

    下面小编就为大家带来一篇JavaScript学习笔记整理_setTimeout的应用。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-10-03
  • Javascript类型转换的规则实例解析

    这篇文章主要介绍了Javascript类型转换的规则实例解析,涉及到javascript类型转换相关知识,对本文感兴趣的朋友一起学习吧...2016-02-27
  • 详解JavaScript操作HTML DOM的基本方式

    通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树: 通过可编程的对象模型,Java...2015-10-23
  • ActiveX控件与Javascript之间的交互示例

    1、ActiveX向Javascript传参 复制代码 代码如下: <script language="javascript" for="objectname" event="fun1(arg)"> fun2(arg); </script> objectname为ActiveX控件名,通过<object>标签里的id属性设定,如下; 复制...2014-06-07
  • jquery如何获取元素的滚动条高度等实现代码

    主要功能:获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 :$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 :$(document).width();...2015-10-21
  • JavaScript获取浏览器信息的方法

    Window有navigator对象让我们得知浏览器的全部信息.我们可以利用一系列的API函数得知浏览器的信息.JavaScript代码如下:function message(){ txt = "<p>浏览器代码名: " + navigator.appCodeName + "</p>";txt+= "<p>...2015-11-24
  • 学习JavaScript设计模式之装饰者模式

    这篇文章主要为大家介绍了JavaScript设计模式中的装饰者模式,对JavaScript设计模式感兴趣的小伙伴们可以参考一下...2016-01-21