ホームページ  >  記事  >  バックエンド開発  >  PHP_PHP チュートリアルで画像を非同期にアップロードするいくつかの方法のまとめ

PHP_PHP チュートリアルで画像を非同期にアップロードするいくつかの方法のまとめ

WBOY
WBOYオリジナル
2016-07-20 11:10:501101ブラウズ

画像の非同期アップロードを実現するには 2 つの方法が一般的に使用され、もう 1 つは iframe を使用する方法であり、もう 1 つはサードパーティのプラグインを使用する方法です。

画像フォームをアップロードし、ターゲットを非表示の iframe に送信します。

コードは次のとおりです コードをコピーします

form action="upload.php" id="form1" name="form1 " enctype="multipart /form-data" method="post" target="uploadIframe">


その後、バックグラウンドで画像のアップロード ロジックが処理され、フロント デスクに戻り、ajax を使用して現在のページの DOM オブジェクトが変更されます。画像を更新せずにアップロードするというフレンドリーな機能を実現します。

コードは次のとおりです コードをコピー

a.html


""
"" id = "test_file" size = " 48 " > ="ifram_sign" src="" Frameborder="0" height="0" width="0" marginheight="0" marginwidth="0">

PHP コード:

コードは次のとおりです

コードをコピーします { echo "Error: " . "test_file "]["error"] . "
";
if ($_FILES["test_file"]["error"] > 0)
}
else
{
//画像の属性の判定方法はここでは書きません。自分で拡張してください。
$filetype=strrchr($_FILES["test_file"]["name"],".");
$filetype=substr($filetype,1,strlen($filetype));
$filename="img/" .time("YmdHis").".".$filetype;
move_uploaded_file($_FILES["test_file"]["tmp_name"],$filename);
echo '";
echo "<script>{$return}</script>";
}
?>


その实jquery ajax图片异步上传

HTML:

"http://www.w3.org/TR/ xhtml1/DTD/xhtml1-transitional.dtd">


图片异步上传













index.js

$(function(){
$("#upload_file").change(function(){
$("#uploadFrom").submit();
});
});


function stopSend(str){
var im="";
$("#msg").append(im);

}

upload.php

$file=$_FILES['upfile'];
$name=rand(0,500000).dechex(rand(0,10000)).".jpg";
move_uploaded_file($file['tmp_name'],"upload/images/".$name);

//调用iframe父窗口的js関数

echo "<script>parent.stopSend('$name') </script>";
?>


www.bkjia.com本当http://www.bkjia.com/PHPjc/444678.html技術記事上方のイメージを送信する方法には一般的に使用される 2 つの方法があり、1 つは iframe を使用して実行されるもので、もう 1 つは ajax を使用して一般的なサードパーティ アプローチを実行するものです。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。