Ajax+PHPを学び実践しながら第5回画像処理_PHPチュートリアル

まずエフェクトの画像:

Sample6_1.php フォームを作成します:

コードをコピーします コードは次のとおりです: //アップロードステータスと写真を表示します // ファイルをアップロードするには、画像を表示するために enctype を定義する必要があります。 enctype="multipart/form-data" にターゲットを設定します。 target="uploadframe" > ファイルをアップロード:

type="submit" value ="Submit" onclick="uploadimg(document.getElementById('uploadform')); return false; /> & lt;/form & gt;

画像アップロード関数 Uploadimg:

コードをコピーします

コードは次のようになります: 関数Uploadimg (theForm) { // フォームを送信 Theform .submit(); // showimg にアップロード状況を表示 } //Uploadステータス関数 function setStatus (theStatus, theObj){ obj = document.getElementById(theObj){ obj.innerHTML = " " + theStatus + " "; } }

process_upload.php はファイルアップロード機能を提供します:

コードをコピー

コードは次のとおりです:

//画像タイプ検証を提供します $ allowedtypes = array("image/jpeg","image/pjpeg","image/png", "image/x-png","image/gif"); //ファイル格納ディレクトリ $savefolder = "images" ; //アップロードされたファイルがある場合に作業を開始します if (isset ($_FILES['myfile'])){ //アップロードされたファイルが $allowedtypes タイプに準拠しているかどうかを確認します if (in_array($_FILES[' myfile']['type'],$allowedtypes)){ if ($_FILES['myfile']['error'] == 0){ $thefile = "$savefolder/".$_FILES['myfile' ]['name']; //move_uploaded_file を通じてファイルをアップロードします if (!move_uploaded_file($_FILES['myfile']['tmp_name'], $thefile)){ echo "ファイルのアップロード中にエラーが発生しました。" ; } else{ ?> "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd"> " onload="doneloading(parent,' ')" /> } } } } ?>

上記のコードの最後の部分 donloading 関数は、画像の表示と画像サイズの変更に使用されます。 Thumb.php が使用され、images ディレクトリに大、中、小の 3 つのサイズのソース画像が生成されます。興味があれば調べてください。皆さんレンガの購入を歓迎します〜 記事内のソースコードはパッケージ化されダウンロードされています

http://www.bkjia.com/PHPjc/320968.html www.bkjia.com 本当 http://www.bkjia.com/PHPjc/320968.html

技術記事 まず、最後のレンダリング: Sample6_1.php にフォームを作成: 次のようにコードをコピーします: //アップロード ステータスと画像を表示 div id="showimg"/div //画像を表示するには、アップロード ファイルに enctype を定義する必要があります。 .

Ajax+PHPを学び実践しながら 第5回 画像処理_PHPチュートリアル

Ajax+PHPを学び実践しながら第5回画像処理_PHPチュートリアル