下面样例演示上传图片预览功能。图片的选择,除了可以使用文件上传控件选择图片,也可以直接把图片拖放到虚线框中。 1,实现原理 (1)为了处理放置文件的操作,需要处理三个事件:ondragenter、ondragover和ondrop。 (2)处理图片用的是 readAsDataURL() 方法,其得到的数据URL是一种用长字符串表示图片的方式......
现在很多APP或者网站都支持使用QQ帐号进行登录。本文演示如何实现QQ的第三方登录,以及登录后的获取用户的个人信息。 1,腾讯开放平台注册,以及SDK的配置 可以参考我原来写的这篇文章:Swift - 腾讯官方SDK的配置及使用(分享到QQ空间、分享到好友......
HTML5支持一次提交多个文件(只用一个<input>),只要为<input>元素添加 multiple 属性即可。添加后,用户就可以在打开的对话框中一次选择多个文件了(比如在Windows中按Ctrl键并单击多个文件,或者用鼠标拖出一个选择框......
1,带动画效果的环形进度条 下面我们演示如何制作一个环状进度条组件,当进度改变时,进度条长度变化时是有动画效果的(我们还可以设置动画时间,或者关闭动画),效果图如下......
在开发中,我们常常需要动态地改变按钮标签文字,使用 setTitle() 函数就可以了。有时我们需要在几个标题间切换,比如下面样例所示,按钮点击后按钮文字会在“播放”“暂停”间轮流切换......
通常要实现沿着复杂路径的动画,我们可以借助关键帧动画(CAKeyframeAnimation)来实现。由于 CAKeyframeAnimation 提供了的便利的 path 属性,我们只需要对其设置相应的路径即可。 1,准备工作......
有些人认为用于提交文件的标准 <input> 控件非常难看,像下面这样......
要实现信息分享到QQ空间或者发送消息给好友,我们可以借助第三方的SDK(比如:友盟、shareSDK)。也可以使用腾讯官方提供的SDK。本文介绍后者的配置和使用。 1,腾讯开放平台注册 (1)首先我们要在 腾讯开放平台(http://open.qq.com)上注册个账号。 (2)登陆后创建一个iOS应用,我们会得到一个APP ID,这个后面开发的时候要用到(应用没有提交审核没关系,不影响我们的测试使用)......
使用 type 属性为 file 的 <input> 元素,就能得到一个标准的上传文件框。除了能在<form>元素中将文件发送给Web服务器外,这个<input>也有自己处理文件的方式。 1,选择文件后,我们可以获取其中的文件对象属性 每个文件对象都有三个有用的属性......
一,ImageHelper介绍 ImageHelper是使用Swift语言编写的处理图片的类库,通过对 UIImage 和 UIImageView 的扩展。使其增加了对图片的压缩、颜色、渐变、裁剪等操作方法,以及支持使用缓存从网站上获取图片......