社区
JavaScript
帖子详情
用cropper截取的图片怎么以图片文件形式获取保存在本地?cropper默认输出base64
????'
2018-06-07 09:28:42
用cropper截取的图片怎么以图片文件形式获取保存在本地?cropper默认输出base64,但是图片比较大的话base64码就会非常非常长
...全文
1388
3
打赏
收藏
用cropper截取的图片怎么以图片文件形式获取保存在本地?cropper默认输出base64
用cropper截取的图片怎么以图片文件形式获取保存在本地?cropper默认输出base64,但是图片比较大的话base64码就会非常非常长
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
ambit_tsai-微信
2018-06-07
打赏
举报
回复
FileSaver.js了解一下
????'
2018-06-07
打赏
举报
回复
要用js实现啊
crop
per制作
图片
裁剪不失真
crop
per非常强大,做出的
图片
裁剪插件不失真,可用于裁剪
图片
,banner,头像等等
crop
per
图片
裁剪案例java-
base64
上传
crop
per有两种方式上传
截取
的
图片
数据,一种是前端把裁剪的数据传到后台进行裁剪后
保存
,第二种是前端拿到剪裁后的数据,转成
base64
后上传,
crop
per
图片
裁剪案例java-
base64
上传
图片
截取
上传
利用
Crop
per.js进行
图片
剪裁并上传。随便搞了个php后台,代码可以直接放到www目录下直接运行。(ps:没有实现多
图片
上传,且代码写的不好,代码上传利用了
base64
,后台接收
base64
直接用字符串
截取
掉然后直接转成
图片
,这里是特别提醒,希望大家能下载到对自己有用的资源,,,请谨慎下载)
一个 React 组件,可以通过简单的交互来裁剪图像/视频
react-easy-
crop
一个 React 组件,可以通过简单的交互来裁剪图像/视频 演示 查看示例: 带有钩子的基本示例 带有类的基本示例 带有裁剪图像
输出
的示例 带有用户选择的图像的示例(+ 自动旋转手机
图片
) 圆形裁剪区域和无网格示例 没有限制位置的示例
保存
/加载到/从本地存储的裁剪示例 视频示例 功能 支持拖动、缩放和旋转交互 以像素和百分比提供裁剪尺寸 支持任何图像格式 ( JPEG, PNG, 甚至 GIF) 作为 url 或
base64
字符串 支持 HTML5 支持的任何视频格式 移动友好 安装 yarn add react-easy-
crop
或 npm install react-easy-
crop
--save 基本用法 裁剪器的样式带有位置:绝对占据其父级的全部空间。 因此,你需要用一个使用 position:relative 的元素来包装它,否则裁剪器将填满整个页面。 import
Crop
per from 'react-easy-
crop
' class App extends React.Component { state = { image:
crop
per截图插件(自定义像素的
图片
并
保存
本地)
效果展示 公司需要
截取
指定大小像素的广告图,并能
保存
本地,由于第一次使用
crop
per插件,编写该文。做好笔记!!! 功能:截图自定义大小的
图片
并
保存
本地,可以用来:制作头像,
截取
指定格式像素
crop
per.js 通过canvas实现
图片
裁剪,最后在通过canvas
获取
裁剪区域的
图片
base64
串。
crop
per官方文档:
crop
per.js 前端页面 首先要导入对应的插件,这里我是使用的是cdn js
文件
<script src="https://cdn.bootcss.co
JavaScript
87,838
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章