浏览模式: 普通 | 列表
分类: H5/JS/CSS | < | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | > | >>
p.s. 发现提交的编码都是 utf-8 ,指定为gb2312无用,在gbk网页中,也只能对中文先编码后解码了

使用scriptCharset即可解决问题,用contentType就不一定可以了。

$.ajax({
             url: testUrl,
             dataType: 'jsonp',
             type: 'post',
             scriptCharset: 'utf-8'
         });


上面的解决方案是最完美的,另外也附上网上的解决方式吧,是用contentType来处理的
jQuery(form).ajaxSubmit({
url: "ajax.aspx?a=memberlogin",
type: "post",
dataType: "json",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
...

阅读全文…

Exif的Orientation信息说明

[ 2015-07-16 15:11:32 | 作者: admin ]
EXIF Orientation 参数让你随便照像但都可以看到正确方向的照片而无需手动旋转(前提要图片浏览器支持,Windows 自带的不支持)

这个参数在佳能、尼康相机照的照片是自带的,但我的奥林巴斯就没有,看照片时不能自动旋转,修正的方法有两个,一个看不顺眼就旋转,另一个是修改 EXIF 中的 Orientation 参数(XnView 浏览器查看缩略图时可以修改)

如果你想在旋转图片时只写入 EXIF 方向信息而不旋转图片就可以用到下面的方法

看图修改很简单

attachments/201507/16_151305_qq20150716151118.jpg

  2,4,5,7功能类似 Photoshop 的水平翻转、垂直翻转,照像时不会出现的,自拍也不会(对着镜子自拍可以,但相机不知道)

读取方法:未旋转的照片读上左旋转后的方向对照下表。相当于把照片当相机,看旋转后相机上方和左方分别对着什么方向
...

阅读全文…

Exif.js 读取图像的元数据

[ 2015-07-13 17:34:29 | 作者: admin ]
非常棒,可以获取照片Exif数据,可以结合jquery和zepto使用

Exif.js 提供了 JavaScript 读取图像的原始数据的功能扩展,例如:拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据。


http://code.ciaoca.com/javascript/exif-js/demo/ajax.html


简单示例
获取 base64 编码文件数据
获取上传文件数据
异步获取图像数据
<script src="exif.js"></script>
EXIF.getData(document.getElementById('imgElement'), function(){
     EXIF.getAllTags(this);
     EXIF.getTag(this, 'Orientation');
});
p.s. 测试有效,非常简单易用啊
作者 http://www.open-lib.com/Forum/Read_69_1.action

当jquery ajax在utf-8编码下(页面utf-8,接收utf-8),无任何问题。可以正常post、get,处理页面直接获取正确的内容。

前言:
当jquery ajax在utf-8编码下(页面utf-8,接收utf-8),无任何问题。可以正常post、get,处理页面直接获取正确的内容。
但在以下情况下:
GBK -> AJAX POST ->GBK
UTF-8 -> AJAX POST ->GBK
后台代码无法获取正确的内容,通常表现为获取到奇怪字符、问号。
经典解决方法:
1:发送页面、接收页面均采用UTF-8编码。
2:发送页面在调用ajax post方法之前,将含有中文内容的input用encodeURIComponent编码一次,而接收页面则调用解码方法( ...

阅读全文…
1、文字虚的问题:桌面右键属性,显示-》外观-》效果-》“使用下列方式使字体边缘平滑”用了clear type调整字体即可(系统若无雅黑需要安装)
2、firefox显示图标字体问题:点击菜单-“选项”-“内容”-“高级”,选中“允许页面选择显示字体而无需使用上面的设置”。

CSS百分比自适应正方形

[ 2015-04-08 11:06:33 | 作者: admin ]
当遇到不确定宽高图片要统一风格显示最好的办法就是处理成正方形,就像Instagram。但是如何用CSS的方式得到一个不确定宽度的正方形容器就成了问题,尤其是要适应响应式的设计里。

后来到群里从小罗那问到了答案: 用 padding 属性来处理 。看例子:
<style type="text/css">
.figure-list{
     margin: 0;
     padding: 0;
}
.figure-list:after{
     content: "";
     display: block;
     clear: both;
     height: 0;
     overflow: hidden;
     visibility: hidden;
}
.figure-list li{
     list-style: none;
     float: left;
     width: 23.5%;
...

阅读全文…
<img src="1.jpg" style="clip:rect(10px 100px 90px 20px);position: absolute;width: 100px;" />
http://www.ppblog.cn/jquery1-9live.html

面临问题

很久没关注JQuery了,今天突然想升级一下系统中使用的jquery版本,突然发现,升级JQuery版本到1.9之后出现了很多问题,比如:$.browser is undefined。突然就想到难不成jquery升级删除了这个属性?记得以前有个版本中JQuery已经不建议使用该属性来判断浏览器了。

查了一下Google发现jQuery升级1.9还真是去掉和废弃了不少的东西,升级系统就有了很大的难度,以前用过一些比较老的插件咋办,只能自己一个个修改了。
jQuery1.9中改变的地方

Jquery1.9中改变了很多东西,具体的升级可以参考一下官方的升级指南。
.toggle(function, function, … ) 方法删除

这个方法绑定两个或多个处理程序到匹配的元素,用来执行交替的点击事件。它不应该被混同于显示或隐藏匹配元素.toggle( ...

阅读全文…