`
willko
  • 浏览: 386600 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

图片上传即时显示缩略图的方法

阅读更多
当用户批量上传图片的时候,马上显示缩略图,能有效提高UE。

先看demo,基于jquery,http://www.willko.cn/lab/test.html,目前还不完善,希望和大家继续探讨

目前,浏览器兼容情况:
ie6: 支持
ie7: 支持
ie8: 未测试
ff2: 未测试
ff3: 支持
webkit系列: 不支持

对于webkit系列,没有找到显示的方法。

我已经请教过flash大侠,即使通过flash中转也没有,flash无法得到完整路径。用activeX只有ie支持,还不如不用。。

目前我的方法,ie系列通过滤镜,gecko系列通过getAsDataURL..

不知,各位有无兼容webkit系列的方法呢?..


参考资料:
http://www.laruence.com/2009/05/06/758.html
8
2
分享到:
评论
4 楼 mayongzhan 2009-05-13  
这是大部分网站都没解决的问题.不知道哪位达人想到要做的?挑战极限?这种用户体验改善不切合实际~~~
3 楼 mayongzhan 2009-05-13  
是显示本地图片的问题? 安全问题,解决起来很麻烦~
2 楼 willko 2009-05-10  
whaosoft 写道

代码呢~!

...看demo里面,,右键查看源代码,,没压缩的,没加密的。。。
1 楼 whaosoft 2009-05-10  
代码呢~!

相关推荐

    html5移动端图片上传本地生成缩略图预览(单图上传)

    HTML5在移动端的图片上传和预览功能是现代网页开发中的常见需求,尤其在移动设备上,用户期望能够即时查看即将上传的图片效果。本文将详细介绍如何利用HTML5的File API和Canvas技术来实现移动端的图片本地预览和缩略...

    图片上传即时显示缩略图的js代码

    为了提升用户体验,通常会在图片上传过程中即时显示缩略图,让用户能预览并确认上传的图片是否正确。本文将介绍如何使用JavaScript实现这一功能,主要关注代码解析和关键知识点。 首先,我们需要一个HTML结构来承载...

    jspsmartupload实现上传图片显示缩略图

    以上就是使用JSPSmartUpload库实现图片上传并显示缩略图的基本步骤。通过这种方式,你可以构建一个用户友好的图片管理系统,允许用户上传图片,并即时查看其缩略图。记得根据实际需求调整代码,例如添加错误处理、...

    超强的图片上传,加水印,以及生成缩略图

    文件“在ASP_NET中实现图片上传,并按比例生成缩略图.mht”可能提供了详细的ASP.NET实现过程,而“图片上传即时显示缩略图的方法(转).mht”可能讲述了如何在用户上传图片后立即展示缩略图的技术,这可能涉及Ajax异步...

    支持图片上传及实时显示,可设置显示图片的大小。由php、Ajax、javascript开发

    在IT行业中,图片上传与实时显示是常见的功能需求,尤其在网页应用中。这个项目是用PHP、Ajax和JavaScript这三种技术实现的,允许用户上传图片并即时预览,同时还可以调整显示的图片大小。接下来,我们将深入探讨...

    java上传图片后立即将图片显示出来

    对图片进行缩略图处理,减轻服务器存储压力和提高页面加载速度。 6. **错误处理**:无论是在服务器端还是客户端,都需要处理可能出现的错误情况,如上传失败、文件格式不正确等,提供友好的反馈信息。 7. **异步...

    jquery实时缩略图加载显示.rar

    实时缩略图加载是指当用户上传或浏览一组图片时,图片能够即时地以缩略图的形式显示出来,无需等待整个图片完全加载完毕。这种技术提升了用户体验,尤其是在处理大尺寸或高分辨率图片时。 在jQuery中,我们可以利用...

    图片裁剪自动生成缩略图

    "图片裁剪自动生成缩略图"这个话题涉及到的是如何使用JavaScript库,特别是JQuery框架,来实现图片的裁剪功能,并自动创建适合展示的缩略图。接下来,我们将详细探讨这一过程中的关键技术点。 首先,JQuery是一个...

    ASP.NET MVC实现图片上传、图片预览显示

    在Web应用开发中,图片上传和预览显示是一项非常常见的需求,涉及到前端页面与后端处理的配合,以及对数据库的操作。 本文详细介绍了如何在*** MVC框架中实现图片上传和预览显示的整个过程,这包括前端页面设计、...

    可以动态添加图片,支持多张图片同时上传,图片入库,支持多浏览器 生成原图和缩略图

    最后,"生成原图和缩略图"是为了兼顾显示效果和加载速度。原图保持图片的原始质量和细节,用于高质量展示或下载;缩略图则是缩小尺寸后的版本,通常用于预览,减少页面加载时间,提升用户体验。 综上所述,这个项目...

    PHP+js 上传视频、预览、缩略图、视频时长

    在这个项目中,Smarty可能用于渲染上传、预览和缩略图显示等相关页面。 6. **文件处理和安全**: 在处理用户上传的文件时,需要考虑安全问题,如防止文件覆盖、恶意文件上传等。可以通过检查文件类型、大小,或者...

    asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图

    综上所述,***实现无刷新上传图片并即时显示缩略图的功能,关键在于使用iframe结合服务器端控件以及JavaScript的交互处理。通过以上描述的知识点,开发者可以构建出一个功能完备且用户体验良好的图片上传和预览功能...

    Flash头像上传插件(旋转、拖拽、剪切、生成缩略图)

    4. **生成缩略图**:在上传头像时,往往需要生成不同尺寸的缩略图以适应各种显示需求,如大图、小图或列表视图。这个插件能够自动创建缩略图,减少服务器端的处理负担,提高网站性能。 为了实现这些功能,开发者...

    图片上传-可以限制图片的大小和类型

    - **缩略图生成**:对于大量图片,生成缩略图可以减少存储空间,加快页面加载速度。 综上所述,限制图片上传的大小和类型是保障系统稳定、提升用户体验以及维护安全的重要措施。在实现这一功能时,需要从前端到...

    图片上传在线预览+图片提交

    9. **图片缩略图生成**:为了节省带宽和提高加载速度,上传图片后,后端或前端可以生成不同尺寸的缩略图,适应不同的展示场景。 10. **访问控制**:对上传的图片设置权限,如仅允许授权用户访问,或者根据用户角色...

    上传并显示图片

    4. 图片缩略图生成:为了节省带宽和提高加载速度,可以生成不同尺寸的缩略图。 5. 文件管理:建立合理的文件存储结构,便于管理和检索。 总的来说,实现“上传并显示图片”这一功能涉及到多个技术层面,包括前后端...

    SWFUpload for ASP.Net 4.0 上传 带缩略图

    它提供了高级的文件上传功能,如多文件上传、进度条显示、预览图片(带缩略图功能)等,极大地提升了用户体验。在ASP.NET环境中集成SWFUpload,可以实现与网页交互的高效文件上传操作。 首先,我们需要理解...

    上传图片并预览Demo

    在实际应用中,还可以考虑添加更多功能,如进度条显示上传进度、多图片上传、拖拽上传等,进一步提升用户体验。在安全性方面,要防止CSRF攻击,确保上传文件的安全性。同时,对于大文件上传,可能需要考虑分片上传和...

    图片上传插件

    这种插件的主要目的是方便用户上传图片,并即时显示缩略图,以便用户预览和管理上传的图片。下面将详细介绍这个图片上传插件的相关知识点。 1. 图片上传流程: - 用户选择图片:用户通过点击“选择图片”按钮或者...

Global site tag (gtag.js) - Google Analytics