この記事では主にLaravelフレームワーク+Blobで実装された複数画像アップロード機能を紹介します。Laravelフレームワーク+Blobのフロントエンド送信とバックグラウンド処理関連の操作スキルをサンプル形式で詳細に分析しています。 . Laravelフレームワークに興味のある方はこちらの記事を参考にしてください
この記事の例では、Laravelフレームワーク+Blobで実装した複数画像アップロード機能について説明しています。参考のために皆さんと共有してください。詳細は次のとおりです:
1. はじめに
一般に、複数の画像のアップロードにはインスタント表示機能が付いていること、つまり、アップロードされた画像をすぐに見ることができることはわかっています。アップロード後。以前使用していた複数画像アップロード プラグインは、画像を選択し、[アップロード] をクリックして画像リソースをサーバーにアップロードし、最後にフォームの送信ボタンをクリックして保存されたパス情報を返します。この情報をデータ ライブラリに挿入します。 さて、恥ずかしいことに、写真をクリックしてアップロードした後、再びフォームの送信をキャンセルしてしまいました。ただし、画像リソースはすでにサーバーに送信されているため、スペースの無駄が発生しやすくなります。
今回は、Laravelフレームワークと組み合わせて自分で作成した複数画像のアップロードを提供します(もちろん、どこにでも直接適用できます)。特徴は、アップロード後すぐに画像を表示できますが、ブラウザは画像情報をキャッシュします。フォームが送信された後、BLOB 呼び出しを通じて画像リソースが実際にサーバーとデータベースにアップロードされます。
2. フロントエンド 注: この例は Laravel フレームワークに基づいています
最初にフォーム
<form method="post" enctype="multipart/form-data" action="#"> {{csrf_field()}} <ul class="list_btn"> <li><img class="sz lazy" src="/static/imghwm/default1.png" data-src="" style="max-width:90%"imgone" style="max-width:90%" height="100px" style="display: none;" alt="Laravelフレームワーク+Blobで実装した複数画像アップロード機能の例" ></li> <li> <input type="file" id="house_img_one1" name="art_thumb" multiple="multiple" onchange="houseImgOne(this)"></li> </ul> <p class="submit">上传</p> </form>
JS コードを入力します:
<script> var _btnId = ''; var all_urls=""; var all_types=""; function houseImgOne(_this) { var img = '<img class="sz" style="max-width:90%" height="100px" src="" alt="Laravelフレームワーク+Blobで実装した複数画像アップロード機能の例" >' _btnId = $(_this).attr('id'); var obj = document.getElementById("house_img_one1"); var length = obj.files.length; //多图上传时遍历文件信息(可以通过object.files查看) for (var i = 0; i < length; i++) { var objUrl = getObjectURL(_this.files[i]); //图片后缀类型拼接 all_types=all_types+_this.files[i].type; //将图片转换成base64自字符 var oFReader = new FileReader(); oFReader.readAsDataURL(_this.files[i]); oFReader.onload = function (oFREvent) { all_urls=all_urls+oFREvent.target.result+"&|||"; //拼接data形式base64的url }; if (objUrl) { $('.sz:last').before(img); $('.sz').eq($(".sz").length - 2).attr("src", objUrl); } } } //点击提交按钮触发ajax $(".submit").click(function(){ //console.log(all_types); $.ajax({ type:"post", url:"{{url('admin/img')}}", data:{'imgs':all_urls,'types':all_types,'_token':"{{csrf_token()}}"}, dataType:"json", success:function(data){ if (data==1){ // layer插件提示,可自行选择则 layer.msg("上传成功", {icon: 6}); window.location.reload(); }else { alert("上传失败!"); } } }); }); //获取blog对象url(实际获取的是缓存中的图片路径信息,用于即时显示,并非服务器返回的实际资源路径) function getObjectURL(file) { var url = null; if (window.createObjectURL != undefined) { url = window.createObjectURL(file); } else if (window.URL != undefined) { url = window.URL.createObjectURL(file); } else if (window.webkitURL != undefined) { url = window.webkitURL.createObjectURL(file); } return url; } </script>
3. バックグラウンド処理コードpublic function store(Request $request)
{
$data=$request->all();
$imgs = $data['imgs'];
// array_values()用于重置数组下标
$types =array_values(array_filter(explode('image/',$data['types'])));
$arr=array_values(array_filter(explode('&|||',$imgs)));
foreach ($arr as $k => $v){
//文件路径
$filepath = base_path().'/storage/app/imgs/'.date('YmdHis').$k.'.'.$types[$k];
//提取base64字符
$imgdata = substr($v,strpos($v,",") + 1);
$decodedData = base64_decode($imgdata);
file_put_contents($filepath,$decodedData );
//插入数据库
$img = new Img;
$filepath = strchr($filepath,'/');
$img->img_path=$filepath;
$img->save();
}
それはこの記事はすべての内容であり、皆様の学習に役立つことを願っています。
関連する推奨事項:
Docker ベースの Laravel アプリケーションを最初から構築する Laravel の 7 つの非常に便利な Carbon メソッド 遅延読み込みを設定するときに遭遇する Laravel サービスプロバイダー開発の問題以上がLaravelフレームワーク+Blobで実装した複数画像アップロード機能の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

PHPSESSIONの障害の理由には、構成エラー、Cookieの問題、セッションの有効期限が含まれます。 1。構成エラー:正しいセッションをチェックして設定します。save_path。 2.Cookieの問題:Cookieが正しく設定されていることを確認してください。 3.セッションの有効期限:セッションを調整してください。GC_MAXLIFETIME値はセッション時間を延長します。

PHPでセッションの問題をデバッグする方法は次のとおりです。1。セッションが正しく開始されるかどうかを確認します。 2.セッションIDの配信を確認します。 3.セッションデータのストレージと読み取りを確認します。 4.サーバーの構成を確認します。セッションIDとデータを出力し、セッションファイルのコンテンツを表示するなど、セッション関連の問題を効果的に診断して解決できます。

session_start()への複数の呼び出しにより、警告メッセージと可能なデータ上書きが行われます。 1)PHPは警告を発し、セッションが開始されたことを促します。 2)セッションデータの予期しない上書きを引き起こす可能性があります。 3)session_status()を使用してセッションステータスを確認して、繰り返しの呼び出しを避けます。

PHPでのセッションライフサイクルの構成は、session.gc_maxlifetimeとsession.cookie_lifetimeを設定することで達成できます。 1)session.gc_maxlifetimeサーバー側のセッションデータのサバイバル時間を制御します。 0に設定すると、ブラウザが閉じているとCookieが期限切れになります。

データベースストレージセッションを使用することの主な利点には、持続性、スケーラビリティ、セキュリティが含まれます。 1。永続性:サーバーが再起動しても、セッションデータは変更されないままになります。 2。スケーラビリティ:分散システムに適用され、セッションデータが複数のサーバー間で同期されるようにします。 3。セキュリティ:データベースは、機密情報を保護するための暗号化されたストレージを提供します。

PHPでのカスタムセッション処理の実装は、SessionHandlerInterfaceインターフェイスを実装することで実行できます。具体的な手順には、次のものが含まれます。1)CussentsessionHandlerなどのSessionHandlerInterfaceを実装するクラスの作成。 2)セッションデータのライフサイクルとストレージ方法を定義するためのインターフェイス(オープン、クローズ、読み取り、書き込み、破壊、GCなど)の書き換え方法。 3)PHPスクリプトでカスタムセッションプロセッサを登録し、セッションを開始します。これにより、データをMySQLやRedisなどのメディアに保存して、パフォーマンス、セキュリティ、スケーラビリティを改善できます。

SessionIDは、ユーザーセッションのステータスを追跡するためにWebアプリケーションで使用されるメカニズムです。 1.ユーザーとサーバー間の複数のインタラクション中にユーザーのID情報を維持するために使用されるランダムに生成された文字列です。 2。サーバーは、ユーザーの複数のリクエストでこれらの要求を識別および関連付けるのに役立つCookieまたはURLパラメーターを介してクライアントに生成および送信します。 3.生成は通常、ランダムアルゴリズムを使用して、一意性と予測不可能性を確保します。 4.実際の開発では、Redisなどのメモリ内データベースを使用してセッションデータを保存してパフォーマンスとセキュリティを改善できます。

APIなどのステートレス環境でのセッションの管理は、JWTまたはCookieを使用して達成できます。 1。JWTは、無国籍とスケーラビリティに適していますが、ビッグデータに関してはサイズが大きいです。 2.cookiesはより伝統的で実装が簡単ですが、セキュリティを確保するために慎重に構成する必要があります。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

ホットトピック









