...
<input type="text" name="data1" />
...
<form action="#">
<input type="file" name="photo" />
</form>
<form action="#">
<input type="file" name="photo" />
</form>
<form action="#">
<input type="file" name="photo" />
</form>
...
<input type="text" name="data2" />
...
...
<form action="#">
...
<input type="text" name="data1" />
...
<input type="hidden" name="photo[]" value="filename1" />
<img src="/preview/filename1" />
<input type="hidden" name="photo[]" value="filename2" />
<img src="/preview/filename2" />
...
<input type="text" name="data2" />
...
</form>
...
<div class="outer">
</div>
$('.block').on('click', 'a.left', function() {
alert('Click');
});
<div class="outer">
<div class="block"><a class="left"></a></div>
<div class="block"><a class="left"></a></div>
<div class="block"><a class="left"></a></div>
</div>
и вида
будет означать одно и то же. Понятно, что добавляться будет только одна из них, но мороки, имхо, слишком много