图片上传/头像剪切Node服务
所需积分 5 5243
图片上传、头像剪切Node服务,目的是帮助开发者快速开发上传头像功能点。能搜到的头像上传插件并不太好用,所以想提供一个比较自由度的上传并且可以剪切的插件。
将node服务起起来
npm install
将express安装下;
node server.js
打开localhost:3000 既可;(特别注意不要直接打开index.html
,否则会报图片同源限制的错误!)
实现大致思路如下:
先有一个上传的(本地上传的功能),然后获取图片的地址。
获取图片地址之后,进行截取图片(这里推荐一个插件)点这里,具体怎么用就不再赘述。
等截取图片之后,需要将截取的文件转换为二进制大文件。$('#image').cropper('getCroppedCanvas').toBlob();
调取接口,将二进制大文件上传即可。
直接上代码吧:
先引入如下文件
cropper.js
具体业务代码
2.1 将代码下载下来并且调试
2.2 js代码中有详细的注释;
展开
您还没有登录,请 登录 后发表评论!
提示:请勿发布广告垃圾评论,否则封号处理!!