[Seasar-user:21527] ファイルアップロードでファイル選択後アップロードを実行したい

2012年 12月 13日 (木) 14:26:45 JST

お世話になっております。
清水です。

現在チュートリアルのアップロードページを改造して
ファイル選択直後アップロード処理が実行されるという事をやってみたいと思うのですが
うまく出来ません。
（最終的にはチュートリアルみたいに
「○○ファイルをアップロードしました。」
と表示させたいです。。）
何か解決方法はございませんでしょうか？

※チュートリアルの内容を変更したソースだけ記載致します。


index.jsp
----------------------------------------------------------
<%@page pageEncoding="UTF-8"%>
<html>
<head>
<title>Tutorial: Upload</title>
<link rel="stylesheet" type="text/css" href="${f:url('/css/sa.css')}" />
<script type="text/javascript" src="${f:url('/js/uploadtest.js')}"></script>
</head>
<body>

<h1>Tutorial: Upload</h1>

<html:errors/>
<html:messages id="m" message="true">
${f:h(m)}<br />
</html:messages>

<s:form enctype="multipart/form-data" styleId="test">
<input type="file" name="formFile"  onchange="uploadstart()" /><br />
<c:forEach varStatus="s" begin="0" end="1">
<input type="file" name="formFiles[${s.index}]" onchange="uploadstart()"
/><br />
</c:forEach>

<input type="submit" name="upload" value="アップロード" />
</s:form>
</body>
</html>
-----------------------------------------------------------------------


uploadtest.js
------------------------------------------------------------------------
function uploadstart(){
alert("start");
$('#test').load('upload');
}
------------------------------------------------------------------------
-------------- next part --------------
HTMLの添付ファイルを保管しました...
URL: <http://ml.seasar.org/archives/seasar-user/attachments/20121213/4f10575b/attachment.html>