人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【PHP+MySQL+JavaScript】

CentOS4.4
PHP4.3.x
MySQL4.x

の環境で、ファイルのアップロード処理を製作しています。

アップロード中、JavaScriptを使用して、
処理の度合いがわかるプログレスバーをつけたいと考えていましたが、
perlの使用も不可でしたので、
http://q.hatena.ne.jp/1176788464
でご回答いただいた処理は不可能でした。

とりあえず、プログレスバーをあきらめるのですが、
大きいファイルをアップロードされたとき、次の画面に遷移するまで、
ブラウザがとまってしまったような感じになるのを避けたいので、
アップロード中に「アップロード中です」というメッセージのみを
出したいと考えています。


しかし、PHP4の場合、

1.フォームからアップロード

2.サーバ側での処理

3.PHPスクリプト処理

となってしまい、
上記、3番で何を書いても、2番の待機処理が終わってからしか
作業ができないような気がします。

javascriptと組み合わせて、できそうですが、
javascriptをよく知りません。
実現方法をご教授ください。

●質問者: PEPOTA
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript MySQL Perl PHP アップロード
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Yota
●35ポイント ベストアンサー

あらかじめ、HTML内にメッセージやアニメションGIFを埋め込んでく。

<div id="loading" style="display:none">アップロード中です</div>

アップロードボタンがクリックされたら見せる。

<input type="submit" value="upload" onclick="window.document.getElementById('loading').style.display='inline'">

処理が終わったらかくす。

<?php

move_uploaded_file(........);

?>

<script type="text/javascript" >

window.document.getElementById('loading').style.display='none'

</script>

こんなのでどうでしょう。

◎質問者からの返答

ありがとうございます。

試してみます。

うまくいきました。


2 ● ito-yu
●35ポイント

POST後のページ(PHP)で出力する物は読み込み中(≒アップロード中)は表示されません。

ということは、POST前のページで表示しなければいけないということです。

javascriptで、formのonsubmit属性で「アップロード中です」と表示させる関数を記述すればOKです。

<head></head>内に追記:

<script type="text/javascript"><!--
function popMsg(msg){
msgBox = document.getElementById('messageBox');
msgBox.innerHTML = msg;
msgBox.style.display = 'block';
}
//--></script>
<style type="text/css"><!--
#messageBox{
display:none;
position:absolute;
top:1em;
left:1em;
background-color:#ffcccc;
}
//--></style>

<form>に以下のonsubmit属性を追記:

<form(略) onsubmit="popMsg('アップロード中です');">

<body></body>内の最後に追記:

<div id="messageBox"></div>
◎質問者からの返答

ありがとうございます。

試してみます。

うまくいきました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ