文章详情页

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

浏览：342日期：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. docker镜像push报错3. java - 对于@Transactional和sql...for udpate的理解4. mysql group by多个字段5. css3 - 我的css用less写的，eclipse的jsp文件要修改css很麻烦，怎么解决？6. docker api 开发的端口怎么获取？7. css3 - 关于一个不可描述的css问题，如图8. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败！9. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github网址是什么？？百度不到。10. 为什么会这样