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

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

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

将node服务起起来

npm install 将express安装下;

node server.js

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

实现大致思路如下:

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

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

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

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

直接上代码吧:

先引入如下文件

cropper.js

具体业务代码 

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

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



展开

基于jQuery的分页组件-jqPaginator分页组件

jqPaginator是一款基于jQuery的简洁、高度自定义的jQuery分页组件,适用于多种应用场景。用法很简单,首先引入jQuery和jqPaginator,之后就可以初始化分页了$('#id').jqPaginato

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

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

Element UI表单设计及代码生成器

Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。仓库地址:https://gitee.com/mrhj/form-gene

PayPal支付接口PHP版实例

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

wangEditor4使用表单提交实例

wangEditor官方的文档发现做起来比较麻烦,虽然说很方便,但是对新手来说还是不太好集成的自己的系统中,下面整理了一个创建隐藏input作为表单提交的组件事件的方法。用起来就方便多了。只需要在需要的位置放以下代码即可

ThinkPHP5电脑与手机支付扩展库

ThinkPHP5电脑与手机支付扩展库,在默认配置情况下,将文件夹拷贝到根目录即可。其中extend目录为支付扩展目录, application\extra\alipay.php为配置文件需要在配置文件application\ex

Python批量爬取快手主页视频代码

这是一段Python批量爬取快手主页视频的代码示例,输入作者id就可批量爬取视频,有兴趣的可以研究研究。自动保存到D:/video/文件夹需要导入requests库(懂python的应该都知道吧)指令(win+r,cmd)pip 

jQuery年终奖抽奖系统代码

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

PHP记录和读取JSON格式日志文件实例代码

有时需要记录用户或者后端的某个操作事件的运行情况,可以使用后端语言如PHP将操作结果记录到日志文件中,方便测试和查找问题。尤其是这些在后端运行的而前端不能直接看到运行结果的,那么就可以用日志文件记录下来,如果你经常跟一些接口开发如支付宝接口

Dropzone.js实现文件拖拽上传实例

Dropzone.js是一个开源的JavaScript库,提供 AJAX 异步文件上传功能,支持拖拽文件、支持最大文件大小、支持设置文件类型、支持预览上传结果,不依赖jQuery库。本实例实现了基本的拖拽上传功能,供大家参考。实例相关教程:

Thinkphp6.0整合PayPal支付实例

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

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

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

评论(0)条

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

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

    编辑推荐

    PHP+Mysql+jQuery找回密码实例