使用SWFUpload实现QQ心情图片上传预览

本文主要探讨了在JavaScript环境中，由于安全限制无法直接预览本地图片，因此作者通过使用SWFUpload插件实现了一个模拟QQ心情图片上传预览的示例。文章列举了三个不同的图片上传插件，分别是jQuery File Upload、CFUpdate和SWFUpload，并分别分析了它们的优点和缺点。 在jQuery File Upload方面，该插件利用jQuery实现异步图片上传，具有高度定制性，但不支持在某些浏览器中的图片预览和多文件选择。CFUpdate是一个全面的图片上传解决方案，支持批量上传、预览和删除等功能，但样式固定，可定制性有限。而SWFUpload是作者最终选择的插件，它结合Flash和jQuery，允许自定义样式，并提供全面的事件监听。 在实现上传预览功能时，作者采取了将图片上传到服务器后返回地址进行预览的方法，因为HTML5的本地预览方式在此场景下可能不可靠。同时，为了生成缩略图，代码中提到的`Thumbnail.cs`类负责处理这一过程，可以等比例缩放图片并根据需要进行裁剪，以保持图像的主要内容。这种方法类似于QQ空间的做法，可能还涉及人脸识别技术，以确保关键区域在缩略图中得以保留。 整个实现包括以下几个核心功能点： 1. 图片上传预览：用户选择图片后，文件会先上传到服务器，然后返回URL预览。 2. 缩略图生成：对原图进行等比例缩放，如果需要，还会裁剪以保证关键内容在缩略图中。 3. 适应不同浏览器：通过SWFUpload插件，兼容大部分浏览器的图片上传和预览功能。 通过这个示例，开发者可以学习如何在JavaScript环境下，尤其是在不支持本地预览的环境中，创建一个类似QQ心情图片上传预览的功能，同时了解如何生成缩略图以及如何选择和使用合适的上传插件。