用cropper截取的图片怎么以图片文件形式获取保存在本地？cropper默认输出base64

????' 2018-06-07 09:28:42

用cropper截取的图片怎么以图片文件形式获取保存在本地？cropper默认输出base64，但是图片比较大的话base64码就会非常非常长

...全文

1449 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

ambit_tsai-微信 2018-06-07

打赏
举报

回复

FileSaver.js了解一下

????' 2018-06-07

打赏
举报

回复

要用js实现啊

本文介绍了一种使用Cropper.js进行图片裁剪的方法，并演示了如何将裁剪后的图片以Base64或Blob形式上传至服务器的过程。

本文讲述了如何在开发即时通信网页应用时，通过JavaScript监听粘贴事件并在前端实现从剪切板获取文本或文件，并转换为Base64进行截图功能的扩展。尽管最初尝试了HTML2Canvas和Cropper，但最终采用了更灵活的方法处理用户从键盘截图或第三方工具复制的内容。

本文详细介绍了如何在移动端应用中实现图片拍摄、从相册选取、裁剪及上传功能。利用HTML5的File API和第三方库cropper.js，结合plus相机和相册API，实现了图片的选取、裁剪和旋转。裁剪后的图片以base64格式发送到服务器，并在服务器端进行存储。涉及到的技术包括JavaScript、ASP.NET、HTMLCanvasElement的toDataURL方法等。

本文详细介绍了如何使用Vue-cropper库在前端开发中实现图片裁剪功能，包括选择图片、使用FileReader处理文件、监听鼠标事件创建裁剪框、获取并操作像素数据，以及将裁剪后的图片以Base64或Blob形式展示或下载。,

博客介绍了使用JavaScript实现图片裁剪及转换为Base64地址形式的方法。通过`cropper`获取被裁剪后的canvas，再使用`toDataURL`将其转换为Base64，还可设置缩小比例，范围在0 - 1。

87,989

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章