模拟GIF动画上传成静态图片并可控制播放与暂停

所属分类：媒体-图像

13242 206 查看评论 (0)

分享到微信朋友圈

查看演示立即下载

插件描述：可选择多张图片，默认上传后是暂停，鼠标经过时是播放

更新时间：2019-08-13 22:14:05

更新说明：优化部分js，优化界面显示。

原理是使用input[type=file]上传后经过canvas处理生成静态图片，通过canvas的toDataURL方法获取base64，但一张gif的base64信息可能太长，不方便传输，所以再将base64转换成blob以便缩短gif地址，将blob地址以属性形式存入<img>里，最后鼠标经过时将img的src替换成GIF的真正url。

第一次写插件，请多多指教。

有问题不要问我，因为我也不懂。

jQuery bootstrap响应式招聘类网站模板

d3关联关系力引导图(原创)