node.js(express)中使用Jcrop进行图片剪切上传功能

时间:2024-02-09 21:43:29
【文件属性】:

文件名称:node.js(express)中使用Jcrop进行图片剪切上传功能

文件大小:103KB

文件格式:PDF

更新时间:2024-02-09 21:43:29

base64 c canvas

需求说明 简单来说就是要实现用户上传头像,并且要保存用户裁切后的部分作为用户头像。 第一步,选择图片:   第二步,在弹窗页面中展现并进行裁切:   第三步,点击“保存”,上传服务器。 实现过程 说来有点坎坷,相当于做了2遍,走了弯路。 第1遍是用户一选择图片,就进行了上传,然后返回一个地址,所以在弹层上展现的图片已经是服务器上的图片了,然后进行裁切,再保存。 第2遍找到的一个方法,是在第1遍做到裁切处理时候想到的,即弹层展现的是用户机器上选择的图片,不用先上传,但是用image/base64来展现的。这样就与服务器少了一次交互啊,并且服务器不用存储2遍图片,还提高了弹层展现速度,体验更好,所


网友评论