图片上传/头像剪切Node服务

所需积分  5 6978
图片上传/头像剪切Node服务

图片上传头像剪切Node服务,目的是帮助开发者快速开发上传头像功能点。能搜到的头像上传插件并不太好用,所以想提供一个比较自由度的上传并且可以剪切的插件。

将node服务起起来

npm install 将express安装下;

  1. node server.js

打开localhost:3000 既可;(特别注意不要直接打开index.html,否则会报图片同源限制的错误!)

实现大致思路如下:

先有一个上传的(本地上传的功能),然后获取图片的地址。

获取图片地址之后,进行截取图片(这里推荐一个插件)点这里,具体怎么用就不再赘述。

等截取图片之后,需要将截取的文件转换为二进制大文件。$('#image').cropper('getCroppedCanvas').toBlob();

调取接口,将二进制大文件上传即可。

直接上代码吧:

先引入如下文件

  1. cropper.js

具体业务代码 

2.1 将代码下载下来并且调试

2.2 js代码中有详细的注释;



展开

Artplayer视频JSON解析播放器源码

Artplayer视频JSON解析播放器源码支持弹幕json数据模式,支持两种返回模式:网页播放模式、json数据模式,json数据模式支持限制ip每分钟访问次数+UA限制+key密钥,也可理解为防盗链 ,本播放器带弹幕库。运行环境:推荐使

PHP隐藏文件真实下载地址源码/支持超大文件断点续传

非常简单完整全开源的一款关于隐藏文件真实下载地址的PHP程序源码。1、你服务器上有什么文件供别人下载的,但是又不想显示出路径,那么此源码将是你的不二之选2、你服务器上的文件,需要授权后,才能下载,那么,此源码将是你的不二之选3、你想让你的网

基于Vue.js的表格分页组件-BootPage

基于Vue.js的表格分页组件-BootPage,一款支持静态数据和服务器数据的表格分页组件,支持调整每页显示行数和页码显示个数,样式基于bootstrap。注:在使用ES6及vue-loader的vue项目中才能使用本组件,请求本地jso

PHP爬虫实例-4K壁纸爬取测试

PHP爬虫实例,4K壁纸爬取测试。本实例的目标网站是一个叫《彼岸网》的壁纸网站,使用技术是 QueryList(php爬虫库)。只要爬取.clearfix li>a>img元素里面的src属性和alt属性即可获得图片u

基于H5的easyUpload.js多文件批量上传实例

一款简单易用、可配置的H5/Web上传插件。支持多文件上传,批量上传,混合上传,以及多实例上传。特性文件类型可配置文件数量可配置文件大小可配置上传前文件可预览展示上传实时进度条批量上传支持不同类型文件混合上传支持自由配置 base64 或

PHP+Javascript实现拖动滑块完成拼图验证码

目前市面上做的好的拖动验证、用户行为验证有极验验证码、网易易盾验证等,这些第三方验证一般需要收费,本文给大家介绍一款免费的拖动验证码,使用PHP+Javascript实现。主要技术应用1、php抠图2、js canvas画图3、破解干扰4、

基于vue开发的转盘抽奖实例源码/支持奖项动态配置

基于vue开发的转盘抽奖实例源码,支持奖项动态配置。提供了简单的旋转逻辑和奖项位置的动态计算,样式布局使用的是绝对单位,使用者根据自身情况调整,这里默认采用的是八个奖项的转盘背景,使用者如果需要改变奖项数量,请更换转盘背景图片。食用方法:进

微信APP支付PHP服务端代码封装

微信支付,微信支付PHP服务端,微信APP支付。服务器端完成统一下单,将数据传输给APP,APP调起返回的微信支付信息完成支付微信支付APP服务器端代码逻辑处理index.php:微信APP支付(服务器端完成统一下单,将数据传输给APP,A

PayPal支付接口PHP版实例

PayPal支付接口PHP版实例,php版本paypal支付接口开发源码。使用compurse连接paypal,可以自调节运费及其他服务费。

Thinkphp6.0整合PayPal支付实例

Thinkphp6.0整合PayPal支付实例,需要执行 composer install 命令安装Thinkphp框架。具体功能可以查看已经整合好的代码。

jQuery年终奖抽奖系统代码

公司年终奖抽奖系统,基于jQuery,兼容Chrome,火狐等现代浏览器,其他浏览器未做兼容性测试

PHP点餐系统/基于Vue开发的前后端分离点餐系统实例

PHP点餐系统,基于Vue开发的前后端分离点餐系统实例;本站已亲测,功能全面,可实现在线点餐。需要注意的是默认系统是部署在“phpecXfv”文件夹中的,如果需要部署在根目录,则注释掉根目录 index.php 文件的5-9行。并修改 /f

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐