图片小的话，转换成base64可以成功上传，但是图片超过1.5M的转换成base64上传不成功，后台说我没有传给他参数，我后来了解了一下，说是超过1.5M的转换成base64有问题，所以我在转换base64之前给进行了压缩。 不说了上完整的代码。

今天我们要讲解下如何编写一个图片压缩、方向纠正插件，附带着会讲解下如何上传和预览。 相信大家在做项目过程中，经常会遇到上传图片到后端，但是由于图片过大，需要对图片压缩处理。特别在移动端，手机拍的照片普遍过于大了，我们有时候只是需要上传一张头像，很小就够用了。还有在部分手机上（已…

html2canvas 能够实现在前端直接对页面进行截屏。其实现思路是html2canvas脚本将页面元素渲染为canvas，通过读取DOM并将不同的样式应用到这些元素上实现。它不需要服务端的操作，只在前端即可完成。 1. 安装html2canvas 2. 在项目中使用 然后在…

图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。 由于浏览器的机制，使用window.location.href下载图片时，并不会保存到本地，会在浏览器打开。 这里为了交互体验，使用了element-ui的弹窗方式。将canvas画布放到了弹…

项目使用的是vue框架，需要一个markdown的编辑框，就在npm上找了一下，发现simplemde挺不错的，由于我比较懒，就顺便在npm又搜了一下，找到了vue-simplemde这个package，那就开始使用它吧。 但是这个vue-simplemde不支持图片拖拽上传、…

在data里面定义一个变量avatar预览图片上传图片的headers

最近工作一直在使用vue+vux做移动端项目，有一个拍照上传照片的需求，发现vux里并没有实现，调研过非官方的vux-uploader后，感觉还不是很理想。 其实网上已经可以找到很多已经实现的成熟方案，但是在调研这个需求的时候，我发现在各种实现方案中也有一些puzzle的知识点…

CSS 的 filter 函数，可以给图像设置高斯模糊，亮度，调整图像的对比度等的效果，利用 Vue.js 的双向绑定，可以十分方便的实现一个利用 filter 处理图片的应用。 然后将这些值使用 v-model 指令绑定到UI控件上，这里我用的是 ant-design-vue…