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

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

浏览：80日期：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镜像push报错2. docker网络端口映射，没有方便点的操作方法么？3. docker内创建jenkins访问另一个容器下的服务器问题4. 前端 - angular报错?5. debian - docker依赖的aufs-tools源码哪里可以找到啊？6. dockerfile - 为什么docker容器启动不了？7. golang - 用IDE看docker源码时的小问题8. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题9. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败！10. angular.js - angular内容过长展开收起效果
排行榜
前端 - angular报错?
前端 - angular报错?
1. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
2. docker内创建jenkins访问另一个容器下的服务器问题
3. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败！
4. angular.js - angular内容过长展开收起效果
5. golang - 用IDE看docker源码时的小问题
6. docker镜像push报错
7. docker网络端口映射，没有方便点的操作方法么？
8. debian - docker依赖的aufs-tools源码哪里可以找到啊？
9. dockerfile - 为什么docker容器启动不了？
10. angular.js - angularjs的自定义过滤器如何给文字加颜色？
热门标签