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

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

浏览：281日期：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. 问题Unknown column ’’ in ’where clause’2. angular.js - 如何控制ngrepeat输出的个数3. html - vue项目中用到了elementUI问题4. javascript - 在使用 vue.js element ui的时候 怎么样保留table翻页后check的值？5. mysql_replication - mysql读写分离时如果单台写库也无法满足性能怎么解决6. javascript - vue组件通过eventBus通信时，报错a.$on is not a function7. css3 - css怎么实现图片环绕的效果8. linux - ubuntu 命令行中文 显示菱形，期望通过引入字体解决而不是zhcon这种方式9. ionic 项目 ionic build android -release 打包时报错10. python - 如何用pandas处理分钟数据变成小时线？
排行榜
ionic 项目 ionic build android -release 打包时报错
ionic 项目 ionic build android -release 打包时报错
1. angular.js - 如何控制ngrepeat输出的个数
2. javascript - 在使用 vue.js element ui的时候 怎么样保留table翻页后check的值？
3. html - vue项目中用到了elementUI问题
4. css3 - css怎么实现图片环绕的效果
5. javascript - vue组件通过eventBus通信时，报错a.$on is not a function
6. mysql_replication - mysql读写分离时如果单台写库也无法满足性能怎么解决
7. 问题Unknown column ’’ in ’where clause’
8. python - 如何用pandas处理分钟数据变成小时线？
9. linux - ubuntu 命令行中文 显示菱形，期望通过引入字体解决而不是zhcon这种方式
10. mac里的docker如何命令行开启呢？
热门标签