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

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

浏览：149日期：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 - 自执行函数是当加载到这个js就执行函数了吗2. python 字符串匹配问题3. docker不显示端口映射呢？4. docker start -a dockername 老是卡住，什么情况？5. javascript - 这里的这个函数是干嘛用的？6. javascript - CSS图片轮播显示问题7. javascript - vue-router怎么不能实现跳转呢8. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？9. android - viewpager问题PagerTabStrip样式10. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
排行榜
python 字符串匹配问题
python 字符串匹配问题
1. javascript - vue-router怎么不能实现跳转呢
2. docker镜像push报错
3. docker start -a dockername 老是卡住，什么情况？
4. docker不显示端口映射呢？
5. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
6. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
7. angular.js - angular内容过长展开收起效果
8. javascript - CSS图片轮播显示问题
9. android - viewpager问题PagerTabStrip样式
10. javascript - 自执行函数是当加载到这个js就执行函数了吗
热门标签