[原]as3 flash web 应用（3）批量上传之图片缩略图的呈现

最新推荐文章于 2021-01-28 16:32:01 发布

步慢生错

最新推荐文章于 2021-01-28 16:32:01 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏： ActionScript3 文章标签： flash web 百度 web服务服务器脚本

本文链接：https://blog.youkuaiyun.com/yukon12345/article/details/6827744

ActionScript3 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了如何利用Flashplayer10+技术在客户端实现本地图片预览及上传功能，包括加载图片到内存、呈现图片显示等关键步骤，并提供了一个简单的单个图片上传的实现案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

搬离写了5年的渣度空间，准备把技术性的文章定在优快云了。这些都是文章备份。勿怪。。
（鉴于最近有些抓取机器和抄袭者，把标题的【原】字都复制，我不得不声明：本文为 yukon12345原创，转载请注明出处http://blog.youkuaiyun.com/yukon12345）

第二篇已经给基本功能实现了，但只实现这点功能远远不能说明flash上传的好处，那么这篇开始讲解如何展示待上传预览图。

以前实现flash批量上传图片时展示缩略图的最大难点在于，客户端脚本（js和as）为了安全考虑，都无法获得本地待上传图片的完整路径。

著名开源项目swfupload的预览图功能是将图片上传到服务器后，再由服务器返回缩略图，速度和功能远远达不到我们的要求。

flash player10+的推出使flash读取本地图片时将其加载入内存成为可能。因此百度的做法是用FileReference类的load()方法来获取图片数据再用Loader类的loadBytes()将FileReference.data加载入内存呈现。比如：

//加载
FileReference.load()
//呈现
Loader.loadBytes(FileReference.data)

当然读取是异步的，还需要侦听FileReference的Event.COMPLETE事件之后才呈现

关键步骤：
1.在FileReference/FileReferenceList的Event.SELECT事件后，开始FileReference.load(),并侦听Event.COMPLETE事件（打开文件载入内存完毕）。

2.在Event.COMPLETE事件处理函数中，使用Loader.loadBytes(FileReference.data)就可加载内存中数据显示。

下面的开始一步一步山寨百度图片上传

这次做的是单个图片上传。主要是集中在一些基础功能方面。不过改成批量上传也很容易。百度的批量上传也是先实现一个小的单个图片缩略图上传类Item，再批量实例化这个Item，来达到批量上传多个图片的功能。

源文件下载
文件放到web服务器后转到YItem.swf即可使用