java cropper_layui剪裁插件cropper一个页面调用多次问题解决

问题：在一个页面调用多个cropper剪裁插件时，我们会发现虽然每个id我们都声明了，但当我们点击相应的区域时，cropper剪裁区域会弹出来，但选好后点击保存，我们会发现剪裁图片只会出现在最后一个声明的id那里。虽然我们可以在每个区域那里设置一个点击事件，通过改变相应的之来告诉cropper图片显示在那个位置，但那样很麻烦，代码重复利用率很低。

解决方法如下：

var uploadList = new Array();

uploadList.push({"name": "upload", "uploadCount": 0, "url": ""});

uploadList.push({"name": "upload2", "uploadCount": 0, "url": ""});

uploadList.push({"name": "upload3", "uploadCount": 0, "url": ""});

function layuiInit() {

layui.use(['element', 'form', 'layer', 'upload'], function(){

var element = layui.element;

var form = layui.form;

var layer = layui.layer;

var upload = layui.upload;