jquery:画像ファイルのドラッグ&ドロップ&コピー

<script type="text/javascript" src="/js/jquery-1.9.1.js" ></script>
<script type="text/javascript" src="/js/jquery-ui/jquery-ui.min.js"></script>

<script type="text/javascript">
$(function(){

	$(".drag").draggable({

		// helper:clone は画像をコピーするイメージの場合は必要
		helper: "clone",
		// ドラッグ開始時
		start : function (event , ui){
		} ,
		// ドラッグ中
		drag : function (event , ui) {
		} ,
		// ドラッグ終了時に呼ばれる
		stop : function (event , ui){
		}
	});

	$(".drag").droppable({
		// ドラッグ開始時
		drop: function( event, ui ) {
			src = $(ui.draggable[0]).attr('src') ;
			dest = $(this).attr('src') ;
			// サーバーに処理を渡す。
			_copy(this, src, dest) ;
		} ,
		// ドラッグ終了時
		out: function( event, ui ) {
		}
	});
	
});

function _copy(obj, src, dest)
{
	// src  は コピー元画像 例) /img/31.jpg
	// dest は コピー先ファイル名 例) /img/33.jpg
	// ajax でサーバー側にファイルコピーの指示をだす。
	// プログラムは省略
}
</script>

<ul class="ul_flex">
<li >
<img src="/img/31.jpg" class="drag" width="90" height="90" />
</li>
<li>
<img src="/img/32.jpg" class="drag" width="90" height="90" />
</li>
<li>
<img src="/img/33.jpg" class="drag" width="90" height="90" />
</li>
</ul>

ErrorDocument 404 /img/nophoto.png