上传图像后圈选矩形框，并左右同步

我们想要通过上传图像作为查询的query，因此需要有个上传入口，同时需要用户交互圈选出认为的对象。

最初，我是直接在html中嵌入两个<img>标签，作为上传后显示图像的地方，然后交互的圈选是通过jQuery插件imgSelectArea实现的，能够选择矩形框。

后来，想改进<img>在ie下，未上传图像之前会显示无效图像的标志的缺陷，将生成<img>放在上传图像的响应函数中：

if(document.getElementByID("imgShow1")!=null){    document.all("DispalyThumbnail").innerHTML="<img src='' id='imgShow1' width='250px'>"｝

其中，imgshow1是想要显示图像的img标签的id，DisplayThumbnail是img的parent div。

再后来老板又想要使得对上传的左右两幅图像能同步圈选，也就是由于是左右眼图像，图像只是有左右偏移，圈了左眼图像的对象后，想要自动在右眼图像上同一位置圈选出对象（实际可能会偏移，但无所谓）。我实现的做法是，将左右眼图像的imgSelectArea对象变量imgSelect1, imgSelect2声明为全局变量（function之外），在自动创建img标签的代码后面加入imgSelectArea的控制函数，并在imgSelect2中初始化一个固定圈选位置（默认已选中），在imgSelect1中的onSelectEnd函数中加入设置imgSelect2的矩形坐标为当前imgSelect1的矩形坐标语句即可：

最后的界面效果如下：