评论：基于PhotoClip移动端上传图片裁剪  [查看原文]

干脆面君0
2017/10/30 10:23:39

做了多图上传的，不过懒得弄上来了，根据这个插件原理改改就可以了

5409276030
2017/12/11 18:06:03

多图的可以给个demo吗

这个不能直接调取摄像头拍照上传是吧？？

干脆面君1
2017/10/19 14:52:46

可以的，只不过我把input的拍照属性关了的，安卓很多手机拍照容易崩

红杉树0
2018/4/27 1:21:21
请问你解决了吗？？小米4手机上，input使用属性multiple，通过拍照上传后，上传不成功，显示一张黑色的图片，返回的base64的格式应该是错误的，难道不支持安卓的小米手机拍照功能。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

这个插件完美支持移动端吗？缩放及旋转很重要。

Centaurea cyanus0
2017/10/13 15:50:01

选择以后，不知道怎么调用剪裁那个方法了

插件很棒 注释也写的很清楚 但有一点完善一下可能会更好。目前裁剪成功后执行的回调函数，最终将图片转base64交给后台处理，但更多的应用场景是用户在当前h5页面可以直接预览 看到裁剪过后的图片 所以我想请问下楼主 这如何修改 -.-

干脆面君1
2017/9/30 15:51:30

预览超简单，完成的返回的dataURL可以直接放到img标签的src里显示出来的

淡然一笑0
2017/11/4 16:45:12

我试了一下，把dataURL直接给头像img标签的src并没有出来？

淡然一笑0
2017/11/4 17:04:50

可以了，不好意思，是我自己写错了

苦瓜0
2017/11/7 9:41:17
我的预览显示不出来啊，怎么弄

苦瓜0
2017/11/7 11:09:54
我已经弄出来了

老铁，你怎么那么厉害呢，特感谢

干脆面君1
2017/9/30 16:20:42

这款是极少数可以拍照上传的（ios拍照禁不了），当初找了好多说移动端上传的，一拍照根本获取不到文件。

老铁 我用的你这个插件 做的H5页面 在m站操作的时候一切正常，但是ios APP端通过url访问这个页面 在点击上传图片 选完照片点击完成要进入裁剪的那个页面的时候，直接就跳过了 就没了 跟什么都没发生一样 也不知道究竟是什么原因 如果您看到了 还请你帮我回答一下 qq：1320695231 

干脆面君0
2017/9/30 16:17:51
不太明白你说的跳过是什么意思，最初弄这个demo是为了考虑在公众号上用的。

干脆面君3
2017/9/30 16:54:56

错误检查方法

loadError:function(){}//图片加载失败的回调函数。
fail:function(){}//裁剪失败的回调函数。
errorMsg:{
   noSupport:String,
   imgLoadError:String
}

options.errorMsg

type: Object

错误信息对象，包含各个阶段出错时的文字说明。以下为子属性：

options.errorMsg.noSupport

type: String

浏览器无法支持本插件。将会使用 alert 弹出该信息，若不希望弹出，可将该值置空。

options.errorMsg.imgError

type: String

使用 file 控件读取图片格式错误时的错误信息。将会在 loadError 回调的错误信息中输出。

options.errorMsg.imgHandleError

type: String

lrz 压缩插件处理图片失败时的错误信息。将会在 loadError 回调的错误信息中输出。

options.errorMsg.imgLoadError

type: String

图片加载出错时的错误信息。将会在 loadError 回调的错误信息中输出。

options.errorMsg.noImg

type: String

没有加载完成的图片时，执行截图操作时的错误信息。将会在 fail 回调的失败信息中输出。

options.errorMsg.clipError

type: String

截图出错时的错误信息。将会在 fail 回调的失败信息中输出。

干脆面君0
2017/9/30 16:11:47
不能，只能设置，图片可以缩放，

PhotoClip 对象实例方法里面有pc.size(width, height);设置裁剪宽高，你可以做个事件改变试试

干脆面君0
2017/9/30 16:30:58

maxZoom: 1,  //缩放最大比例,这个属性会影响一定性能，对低配手机可能会造成影响

手机扫码页面加载一片空白，PC浏览器剪裁无效果，控制台只能得到一个base64

干脆面君0
2017/9/18 18:18:08

那个不是扫码页面，用来裁剪的，那个得到的base64是裁剪完成后的回调的参数，不建议用在PC端上，兼容要求高，标题已经说明用在移动端的。