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

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

浏览：100日期：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. docker start -a dockername 老是卡住，什么情况？2. docker内创建jenkins访问另一个容器下的服务器问题3. docker - 如何修改运行中容器的配置4. docker-machine添加一个已有的docker主机问题5. docker - 各位电脑上有多少个容器啊？容器一多，自己都搞混了，咋办呢？6. docker镜像push报错7. docker容器呢SSH为什么连不通呢？8. docker api 开发的端口怎么获取？9. docker gitlab 如何git clone？10. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
排行榜
docker - 如何修改运行中容器的配置
docker - 如何修改运行中容器的配置
1. docker-machine添加一个已有的docker主机问题
2. docker内创建jenkins访问另一个容器下的服务器问题
3. docker镜像push报错
4. docker start -a dockername 老是卡住，什么情况？
5. docker - 各位电脑上有多少个容器啊？容器一多，自己都搞混了，咋办呢？
6. nignx - docker内nginx 80端口被占用
7. docker容器呢SSH为什么连不通呢？
8. docker gitlab 如何git clone？
9. docker api 开发的端口怎么获取？
10. angular.js - angular内容过长展开收起效果
热门标签