vue.js实现剪切板图片压缩功能
监听剪切板粘贴事件,读取剪切板中的图片文件,转成base64通过img标签显示出来,此时可能会存在剪切板中图片过大,产生上传速度慢问题,接下来就跟大家分享下如何将base64图片进行压缩。先跟大家展示下最终实现的效果:实现思路监听剪切板粘贴事件从事件回调中获取clipboardData中的image
监听剪切板粘贴事件,读取剪切板中的图片文件,转成base64通过img标签显示出来,此时可能会存在剪切板中图片过大,产生上传速度慢问题,接下来就跟大家分享下如何将base64图片进行压缩。先跟大家展示下最终实现的效果:实现思路监听剪切板粘贴事件从事件回调中获取clipboardData中的image
所以下面来看看步骤: a、加一个服务器扩展:【Internet 信息服务(IIS)管理器】>>【Web 服务扩展】>>“添加一个新的 Web 服务扩展”>>“扩展名”随便填>>“要求的文件”添加“C:\windows\system32\inetsrv\
如果压缩动态文件(PHP,asp,aspx)就不需要了,因为它的页面是每次都动态生成的,压缩完就放弃。然后在IIS管理器中,“网站”上面右键-属性,不是下面的某个站点,而是整个网站。进入“服务”标签,选上启用动态内容压缩,静态内容压缩。 然后选中网站下面那个服务器扩展,新建一个服务器扩展。名字无所谓
实现代码如下:// +----------------------------------------------------------------------+ // | Willko Framework | // +---------------------------------------