如何旋转带有前缀数据的图像：image/jpg；base64使用jQueryRotate.js

如何使用前缀数据旋转图像：image/jpg；base64和使用jqueryRotate插件的c:forEach。我有一个jquery对话框，在这个对话框中我有这些图像

<div style="display: none;" id="${Item.type}Div">
<c:forEach var="itemList" items="${Item.image}"
varStatus="listItemStatus">
<img width="500px" height="600px" id="imageRotate" 
style="align: left;" src="data:image/jpg;base64,${itemList}" />
</c:forEach>
</div>

<span class="rotateClockWise"><img src="<c:url value="/resources/images/rotate_icon.jpg"/>"
width="30" height="30" title="Rotate Clockwise" alt="Rotate Clockwise" border="0"
 style="float: right;" /></span>

但像这样，对话框弹出窗口内的图像不会旋转。任何帮助都会很好。如何使用对象在c:forEach下旋转图像

提前谢谢

// using css3 rotate 
$(".rotateClockWise").click(function(){
var angle = 180;   
     $("#imageRotate").css({
         "transform":"rotate("+angle+"deg)",
         "-ms-transform":"rotate("+angle+"deg)",/* IE 9 */
         "-webkit-transform":"rotate("+angle+"deg)" /* Safari and Chrome */
      }); 
});

还有另一个使用html5画布的解决方案，请看这里

// using css3 rotate 
$(".rotateClockWise").click(function(){
var angle = 180;   
     $("#imageRotate").css({
         "transform":"rotate("+angle+"deg)",
         "-ms-transform":"rotate("+angle+"deg)",/* IE 9 */
         "-webkit-transform":"rotate("+angle+"deg)" /* Safari and Chrome */
      }); 
});