文本框多路径的图片如何预览？

我有一文本框如下，如PicUrl的值为： 1.jpg|2.jpg|3.jpg| ,其旁边的　预览图片　如何获得其中的三张图片，打开一个新窗口来显示这三张图片？先谢了。


<form name="MyForm" method="post" action="">
<input name="PicUrl" type="text" id="PicUrl" size="100">
<a href="#">预览图片</a>
</form>