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

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

浏览：302日期：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网络端口映射，没有方便点的操作方法么？2. dockerfile - [docker build image失败- npm install]3. docker gitlab 如何git clone？4. docker-compose中volumes的问题5. boot2docker无法启动6. docker api 开发的端口怎么获取？7. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下8. 关docker hub上有些镜像的tag被标记““This image has vulnerabilities””9. docker不显示端口映射呢？10. mysql - phpmyadmin怎么分段导出数据啊？
排行榜
docker网络端口映射，没有方便点的操作方法么？
docker网络端口映射，没有方便点的操作方法么？
1. docker gitlab 如何git clone？
2. dockerfile - [docker build image失败- npm install]
3. boot2docker无法启动
4. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
5. mysql - phpmyadmin怎么分段导出数据啊？
6. 关docker hub上有些镜像的tag被标记““This image has vulnerabilities””
7. docker api 开发的端口怎么获取？
8. docker-compose中volumes的问题
9. docker不显示端口映射呢？
10. macos - mac下docker如何设置代理
热门标签