上传后自动应用样式

Question

有人能指出我正确的方向吗？我有一个使用jquery和fancybox的网页，其中图像以精美的宝丽来风格等显示。

Fiddle

如何使用html5文件APi添加/上传新照片，将自己置于div中并应用必要的样式。下面是我需要添加图像的div。因此，如果我上传100张图片，他们上传后会自动拥有相同的样式。感谢

<div id="view3">
   <div id="polaroid"> <!--class for styling-->
<!--Image One-->
    <figure><a class="fancybox" title="Image-1" href="images/1.png"><img src="images/1.png" width="250" height="200" alt="" /></a> <!--the image-->
<textarea>Image-1</textarea> <!--the caption that appears below the image-->
</figure>

Answer 1

您是否已经拥有上传的处理程序，并且只想知道如何添加文件？在这种情况下，你可以这样做：

var parent = $("#polaroid"), 
img =  "<figure><a class='fancybox' title='Image-1' href='images/" + yourFile + "'><img   src='" + yourFile + "' width='250' height='200' alt='' /></a>";
parent.append(img);