您的位置：首页技术文章
文章详情页

javascript - 前端怎样实现图片剪切一部分上传呢？像微信或者QQ上传那样呢？用的啥技术

浏览：320日期：2022-06-24 11:47:26

问题描述

前端怎样实现图片剪切一部分上传呢？像微信或者QQ上传那样呢？用的啥技术

问题解答

回答1：

这个问题分前后端两块。

Web前端这块，可以用JCrop来做图片裁剪，实际上并不是真正的裁剪，而是在图片上选择一个区域，真正的裁剪是后端来做。JCrop DEMO：http://deepliquid.com/project...

后端这块，不同的语言都有图片裁剪的api，可以查看相关文档。另外还可以使用一些云存储的裁剪功能，阿里云、七牛这些都有图片裁剪功能，例如七牛：https://developer.qiniu.com/d...

回答2：

你可以通过canvas的drawImage来实现相关操作

回答3：

推荐这个库：PhotoClip

Demo地址：http://htmlpreview.github.io/...具体效果如下图：javascript - 前端怎样实现图片剪切一部分上传呢？像微信或者QQ上传那样呢？用的啥技术

标签： qq 微信
上一条：javascript - vue 动态改微信分享文案的问题下一条：javascript - 微信小程序的分享问题
相关文章：
1. javascript - 关于vue组件之间的通信2. python - HTML中的img标签,如何在request.args里找到img标签属性?3. html - 关于CSS实现border的0.5px设置？4. html - sumlime text3代码自动补全功能问题！5. javascript - table组件实现 合并单元格 并且 可分页？6. python2.7 urllib2 获取网页显示不全7. python 字符串匹配问题8. javascript - jQuery引用出错9. mysql - 在PHPMyadmin上乱捣鼓后出现 了 - #2002 - — 服务器没有响应（或本地服务器的套接字没有正确设置）。10. mysql update 如何回滚？
排行榜
html - 关于CSS实现border的0.5px设置？
html - 关于CSS实现border的0.5px设置？
1. python - HTML中的img标签,如何在request.args里找到img标签属性?
2. javascript - jQuery引用出错
3. python 字符串匹配问题
4. angular.js - angularjs怎么从一个页面向另一个页面传变量。
5. nginx+uwsgi部署Django遇到了麻烦
6. html - sumlime text3代码自动补全功能问题！
7. javascript - 后端传过来的数据格式是这样，如何使用？
8. javascript - 关于vue组件之间的通信
9. mysql update 如何回滚？
10. 计算不显示结果是为什么？
热门标签