- PR -

FORMから画像とText同時に取得する方法、

1
投稿者投稿内容
昂翼
会議室デビュー日: 2007/07/12
投稿数: 9
投稿日時: 2008-08-07 17:23
Eclipse+Tomcat環境
現在、jspとサーブレットで画像のアップロードをする時同時にDBにそのファイル名とコメントを書き込む所を作成しているのですが、
コード:
<form name="fileph" action="../updata" enctype="multipart/form-data" method="POST">
アップロードしたいファイルとコメント
<input type="file" size="20" name="fl" id="inputfile">
<input type="text" name="comnt" id="inputtext">
<input type="submit" value="送信" name="btn1"><br/>
</form>



Javaのほうは
以下のURLのサンプルコードを使用しています。
http://www.atmarkit.co.jp/fjava/javatips/106jakarta018.html
コード:
try {
	response.setContentType("text/html;charset=Shift_JIS");
		
	String path=getServletContext().getRealPath("WEB-INF/FILE/");
	DiskFileUpload objDfu=new DiskFileUpload();
	objDfu.setSizeMax(-1);  
	objDfu.setSizeThreshold(1024); 
	objDfu.setRepositoryPath(path); 
	objDfu.setHeaderEncoding("Shift_JIS");  
	try {
---- 以降略  ---- 



この記述の場合「enctype」により「type="text"」の値は送信できません。
どうにか同時に処理する方法はないでしょうか
ぴあちゃん
ぬし
会議室デビュー日: 2008/02/07
投稿数: 287
投稿日時: 2008-08-08 00:57
http://www.phpletter.com/Demo/AjaxFileUpload-Demo/


同時ではありませんが、jQuery でファイルアップロードするUIがあります。
これの中身は、IFRAMEを作ってそこにポストし、戻ってきた結果を加工
して表示しています。

こいつを使ってファイルをアップロードし、終わったらテキストを
同じくIFRAMEで送ってあげれば見た目同時にやったようにみ
えます。

(1)Ajaxファイルアップロードでファイル送信する。
(2)DBにテーブルを作成しそこにファイルイメージで更新する。
(3)リクエスト結果をIFRAMEの onreadystatechange で拾って
   画面情報を更新する。
(4)IFRAMEでテキスト情報を送信する。
(5)DBの作成済みテーブルにテキスト情報を更新する。
(6)リクエスト結果で画面を更新する。

となりますかね。

1

スキルアップ/キャリアアップ(JOB@IT)