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

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

更多 QQ空间 微信 QQ好友 腾讯朋友 复制链接
【字号：大 中 小】日期：2022-06-24 11:47:26浏览：53作者：猪猪

问题描述

前端怎样实现图片剪切一部分上传呢？像微信或者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 数据更新了。但是dom没有更新，，，，，如图2. java - c++ 通过jni创建jvm比直接启动jar要卡很多？3. javascript - 怎么能import部分jquery的方法？4. python - from ..xxxx import xxxx到底是什么意思呢?5. javascript - vue中main.js打开直接报错是什么问题？6. angular.js - angularjs 中ui-sref里的地址会和浏览器里的不一致7. javascript - JS中如何实现 DIV内部和鼠标的距离8. javascript - HTML 原生js怎么控制table根据0，1值来显示或者隐藏9. php mysql数据库 产品分类与产品详情应该怎么做？10. 如何判断数组写入数据库有重复的值
排行榜
javascript - vue 数据更新了。但是dom没有更新，，，，，如图
javascript - vue 数据更新了。但是dom没有更新，，，，，如图
1. javascript - HTML 原生js怎么控制table根据0，1值来显示或者隐藏
2. python - from ..xxxx import xxxx到底是什么意思呢?
3. javascript - JS中如何实现 DIV内部和鼠标的距离
4. javascript - vue中main.js打开直接报错是什么问题？
5. php mysql数据库 产品分类与产品详情应该怎么做？
6. javascript - 怎么能import部分jquery的方法？
7. java - c++ 通过jni创建jvm比直接启动jar要卡很多？
8. angular.js - angularjs 中ui-sref里的地址会和浏览器里的不一致
9. tp6中env::get相关问题
10. html表单转接到php中，网页为空白，无法显示，是怎么回事，这个问题困扰了我好几天，请求帮忙解答。
热门标签