QQ邮箱附件上传HTML+JS实现与注意事项

本资源是一篇关于使用Java开发QQ邮箱相关的HTML和JavaScript代码示例。作者aquaqin在CSDN博客上分享了一个版本为1.0的简单邮件附件上传功能实现，主要关注于解决input[type="file"]控件在浏览器中的局限性，如文件类型验证、多文件上传以及文件大小的显示问题。 1. **HTML和JavaScript结合**: 代码使用HTML构建用户界面，包括一个input[type="file"]控件，用于让用户选择要添加的文件。JavaScript负责处理用户操作，如文件选择、验证和删除附件。`addAttachmentToList`函数在用户选择文件时动态创建一个新的附件信息条目，包括文件名和删除链接。 2. **文件上传机制**: 由于input[type="file"]在IE中的限制，开发者采用了非标准方法（如`insertAdjacentHTML`）来动态插入HTML元素，解决控件类型不能改变的问题。同时，代码中提到由于文件选择后的更改无法触发`onchange`事件，开发者可能使用了其他手段（如定时检查或者用户手动触发）来处理这个问题。 3. **文件大小显示**: 虽然浏览器本身无法直接获取文件大小，但代码中提到了几种可能的解决方案：通过File System Object (FSO)或ActiveX技术，以及利用Flash与JavaScript交互来获取文件大小。这些方法在当时可能是为了提供更完整的用户体验。 4. **删除功能**: 代码包含一个`delAttachment`函数，允许用户通过点击删除按钮从附件列表中移除已选择的文件。这需要配合JavaScript来实现，确保删除操作的安全性和正确性。 5. **代码版本与更新**: 该代码版本标记为1.0，表明可能存在后续的优化和改进，开发者鼓励读者在遇到bug或有改进意见时提供反馈。 6. **来源与更新记录**: 文档提供了作者的名称（aquaqin），博客链接（http://blog.csdn.net/aquadp/），以及创建和最后修改日期，方便他人追踪和参考。 这篇代码示例展示了如何利用HTML和JavaScript在网页应用中实现基本的QQ邮箱附件上传功能，并解决了一些浏览器兼容性和功能性上的挑战。对于学习前端开发尤其是与文件上传处理相关技巧的同学来说，这是一个有价值的参考资料。