HHuploadify各种图片上传组件

可以在这里阅读我第一次发布HHuploadify的内容。当时HHuploadify只是作为jquery插件发布的，现在不同了。希望能独立出来，不依赖jquery。虽然在浏览器兼容性上不再支持IE8及以下版本（之前应该是不支持的，我没测试过），但是因为不依赖jquery，所以在扩展性上又向前迈进了一步。升级的目标是使其更易于使用和配置。之前，它必须作为一个jquery插件来使用，而现在它只需要实例化一个类。是不是有一种超级简单的感觉。看一下升级后的效果：最基本的配置，选择图片（多选）点击上传按钮上传添加一个自动配置，选择图片（多选）然后自动上传图片默认，点击选择图片按钮后，打开的选择器可以一次性选择多张图片。如果是用户头像，则只能选择一张图片，只需要配置一个选项即可。配置后，本实例只能上传一张图片。上传开始后，选择按钮将消失。上传成功后，使用服务器返回的url字段中的url作为新的预览图片。可能在一些需要裁剪的情况下使用，设置showPreview为2即可。通过showUploadProcess的配置，使用不同的上传进度来展示效果。如果你想默认有几张图片，也是可以的，使用reset方法即可。扩展HHuplodify也非常简单。上图演示了使用jquery.dragsort插件扩展HHuploadify，拖拽上传图片列表的效果。使用single选项，经过简单的扩展，可以实现固定的一组上传。通过hook函数，控制最大上传张数。在上面的图片演示中，最多只能上传4张图片。通过这些演示，是不是觉得自己实现上传效果很方便呢？通过github了解如何安装和使用它。觉得组件还不错的话，打赏一下~