文章关键字 ‘图片预览’

基于HTML5的可预览多图片Ajax上传

2011年09月15日,星期四

在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图,做法是借助于flash。或者使用隐藏的iframe框架页面模拟ajax上传,一次一张,连续多次。然而都有缺陷。HTML5是个好东东,其中之一就是支持多图片上传,而且支持ajax上传,而且支持上传之前图片的预览,而且支持图片拖拽上传,纯粹利用file控件实现,简单方便迅速,想不让人称赞都难啊!

本文就是详细地介绍基于HTML5的可预览多图片Ajax上传的一些内容。有丰富的截图示意和源代码展示,以及必要的API参数说明。希望本文的内容能够对您的学习有所帮助。

阅读全文…

jQuery-鼠标经过显示大图并跟随鼠标效果插件

2009年10月17日,星期六

好久没有更新文章了,今天抽了点时间,写了个jQuery插件练手。实现的效果是,鼠标移到缩略图上会显示该图的大图,并且大图跟随鼠标移动;或是移动到提示文字上,也可以显示图片。并且含有方向判别功能,具体来说就是如果缩略图在页面的左半部分,则大图显示在鼠标的右侧,如果缩略图在页面的右半部分,则预览的大图在鼠标的左侧显示。水平有限,可能会有不完善之处,欢迎指正。
提供实例页面效果预览和源文件下载,希望对您有所帮助。

阅读全文…