search

scottcheng / cropit

A "customizable crop and zoom" jQuery plugin.
http://scottcheng.github.io/cropit/
MIT License
874 stars 305 forks source link

Can't use multiple <input type="file"/> tags #200

Open PLAYCUBE opened 8 years ago

PLAYCUBE commented 8 years ago

Hi guys!

I have something like this here:

<label class="export5"><img id="getimage5" src="img/blank_image.png"><input type="file" class="cropit-image-input"/></label>
     <label class="export1"><img id="getimage1" src="img/blank_image.png"><input type="file" class="cropit-image-input"/></label> 
     <label class="export2"><img id="getimage2" src="img/blank_image.png"><input type="file" class="cropit-image-input"/></label> 
     <label class="export3"><img id="getimage3" src="img/blank_image.png"><input type="file" class="cropit-image-input"/></label> 
     <label class="export4"><img id="getimage4" src="img/blank_image.png"><input type="file" class="cropit-image-input"/></label>
     <label class="export6"><img id="getimage6" src="img/blank_image.png"><input type="file" class="cropit-image-input"/></label>

The problem here: Only one, the first <input type="file" class="cropit-image-input"/> works. I don't receive a preview using the other ones.