Thinkphp5 が写真、オーディオ、ビデオ ファイルのアップロード機能を実装する方法
以下は thinkphp フレームワーク チュートリアル コラムで、Thinkphp5 が写真、音声、動画ファイルのアップロード機能をどのように実装しているかを紹介します。必要！
1 つ目は同期アップロードです。最も基本的なアップロード方法は、フォーム送信をクリックした後にジャンプする方法です。
次のフロントエンド コード
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>上传文件</title>
</head>
<body>
<form action="upload" enctype="multipart/form-data" method="post">
<input type="file" name="image" />
<br>
<input type="submit" value="上传" />
</form>
</body>
</html>enctype は enctype="multipart/form-data" である必要があり、ソリューションは次のようにする必要があることに注意してください。ポストであること。
バックエンド コードについては、tp5 公式 Web サイトのサンプル コードを参照してください:
public function upload(){
// 获取表单上传文件 例如上传了001.jpg
$file = request()->file('image');
// 移动到框架应用根目录/public/uploads/ 目录下
if($file){
$info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');
if($info){
// 成功上传后 获取上传信息
// 输出 jpg
echo $info->getExtension();
// 输出 20160820/42a79759f284b767dfcb2a0197904287.jpg
echo $info->getSaveName();
// 输出 42a79759f284b767dfcb2a0197904287.jpg
echo $info->getFilename();
}else{
// 上传失败获取错误信息
echo $file->getError();
}
};
}後で、私がやったことは非常に単純であることがわかり、フロントエンド コードを改良しました。フロントエンド コードはファイル タイプの検証を実装しました。同期は Ajax 非同期送信に変更され、ファイル データは formdata に送信されました。バックグラウンド コードはあまり変更されず、ファイルを送信するためのリンクが返されましたが、フロントエンド コードは終了プレビューは画像のみをプレビューできました。変更されたフロントエンド コードは
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>上传文件</title>
</head>
<body>
<form action="uploads1a" id="myform">
<input type="file" name="image" id="file" />
</form>
<p id="test"></p>
<button id="btn">点击上传</button>
<p>
<img src="" id="see">
</p>
<script type="text/javascript">
var btn = document.getElementById("btn");
var file=document.getElementById("file");
var promise=["png","jpg","jpeg","gif","mp3","mp4","svg"];
file.onchange=function(){
var name=file.value;
var ext=name.substring(name.lastIndexOf(".") + 1).toLowerCase();
var res=promise.indexOf(ext);
if (res<0) {
alert("文件格式不正确");
document.getElementById("btn").disabled=true;
}else{
document.getElementById("btn").disabled=false;
}
}
btn.onclick = function() {
var val=document.getElementById("file").value;
if (val.length==0) {
return;
}
var fromData = new FormData(document.forms[0]);
fromData.append("test", "formdata");
var oAjax = new XMLHttpRequest();
oAjax.open('post', "uploadAjax", true);
oAjax.send(fromData);
oAjax.onreadystatechange = function() {
if (oAjax.readyState == 4) {
if (oAjax.status >= 200 && oAjax.status < 300 || oAjax.status == 304) {
console.log(oAjax.responseText);
var data=JSON.parse(oAjax.responseText);
document.getElementById("see").setAttribute("src","/thinkphp"+data.src);
document.getElementById("file").value="";
} else {
console.log(oAjax.status);
}
}
};
}
</script>
</body>
</html>です。バックエンド コードは、アップロードが処理されなかった後のエラー戻り情報など、詳細が
public function uploadAjax(){
// 获取表单上传文件 例如上传了001.jpg
$file = request()->file('image');
$test=request()->post("test");
$src=[];//返回文件路径
// 移动到框架应用根目录/public/uploads/ 目录下
if($file){
$info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');
if($info){
// 成功上传后 获取上传信息
// 输出 jpg
$info->getExtension();
// 输出 20160820/42a79759f284b767dfcb2a0197904287.jpg
$info->getSaveName();
// 输出 42a79759f284b767dfcb2a0197904287.jpg
$info->getFilename();
$src["src"]=DS.'public'.DS.'uploads'.DS.$info->getSaveName();
}else{
// 上传失败获取错误信息
$file->getError();
}
};
return json_encode($src);
}に改善されました。
全体的な実装はこんな感じですが、一般的なビジネスシナリオとしては、アップロードしたファイルを削除したり、ファイルがアップロードされたかどうかを確認したりするなど、これ自体にはまだ改善の余地がたくさんあります。再度アップロードまたは削除されました 以前にアップロードされました。もちろん、ファイル名を加工せずに元の名前でアップロードすると、アップロード後に元のファイルは上書きされてしまいます。
関連する推奨事項: 最新の 10 件の thinkphp ビデオ チュートリアル
以上がThinkphp5 が写真、オーディオ、ビデオ ファイルのアップロード機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7552
15
1382
52
83
11
22
91
Pagoda に thinkphp5 をデプロイするときにエラーが発生した場合はどうすればよいですか?
Dec 19, 2022 am 11:04 AM
Pagoda に thinkphp5 をデプロイするときに報告されたエラーの解決策: 1. Pagoda サーバーを開き、php pathinfo 拡張機能をインストールして有効にします; 2. 「.access」ファイルをコンテンツ「RewriteRule ^(.*)$index.php」で構成します。 ?s=/$1 [QSA ,PT,L]”; 3. Web サイト管理で、thinkphp の疑似静的機能を有効にするだけです。
thinkphp5 の URL 書き換えが失敗した場合はどうすればよいですか?
Dec 12, 2022 am 09:31 AM
thinkphp5 の URL 書き換えが機能しない場合の解決策: 1. mod_rewrite.so モジュールが httpd.conf 設定ファイルにロードされているかどうかを確認します; 2.AllowOverride None の None を All に変更します; 3. Apache 設定ファイル .htaccess を「RewriteRule ^」に変更します(.*)$index.php [L,E=PATH_INFO:$1]」を選択して保存します。
thinkphp5でリクエストされたURLを取得する方法
Dec 20, 2022 am 09:48 AM
thinkphp5 が要求された URL を取得するためのメソッド: 1. "\think\Request" クラスの "$request = Request::instance();" メソッドを使用して、現在の URL 情報を取得します。 2. 組み込みヘルパーを使用します。関数「$request-> url()」を使用して、ドメイン名を含む完全な URL アドレスを取得します。
thinkphp5 post が値を取得できない場合はどうすればよいですか?
Dec 06, 2022 am 09:29 AM
TP5 が strpos 関数を使用してヘッダーの content-type 値で app/json 文字列を検索するため、thinkphp5 post は値を取得できません。解決策は、ヘッダーの content-type 値を app/json に設定することです。
thinkphp5のタイトルバーアイコンを削除する方法
Dec 20, 2022 am 09:24 AM
thinkphp5 タイトル バー アイコンを削除する方法: 1. thinkphp5 フレームワーク public で favicon.ico ファイルを見つけます; 2. ファイルを削除するか、別の画像を選択して名前を favicon.ico に変更し、元の favicon.ico ファイルを置き換えます。
thinkphp5 がコントローラーが存在しないというメッセージを表示した場合はどうすればよいですか?
Dec 06, 2022 am 10:43 AM
thinkphp5 でコントローラーが存在しないというプロンプトが表示される場合の解決策: 1. 対応するコントローラーの名前空間が正しく記述されているかどうかを確認し、正しい名前空間に変更します; 2. 対応する tp ファイルを開いてクラス名を変更します。
ThinkPHP5 で昨日のデータをクエリする方法
Dec 05, 2022 am 09:20 AM
ThinkPHP5 で昨日のデータをクエリする方法: 1. ThinkPHP5 関連ファイルを開きます; 2. 式「db('table')->whereTime('c_time', 'yesterday')->select();」を使用して昨日のデータをクエリします。 。
thinkphp5 でエラー プロンプトを設定する方法
Dec 07, 2022 am 10:31 AM
thinkphp5 でエラー プロンプトを設定する方法: 1. プロジェクト ルート ディレクトリのパブリック フォルダーに入り、index.php エントリ ファイルを開きます; 2. デバッグ モード スイッチに関するコメントを表示します; 3. 「APP_DEBUG」定数の値を調整しますtrue に設定すると、エラー メッセージ プロンプトが表示されます。
