以下は 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="/static/imghwm/default1.png" data-src="" id=" class="lazy" id="see" alt="Thinkphp5 が写真、オーディオ、ビデオ ファイルのアップロード機能を実装する方法" >
</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 サイトの他の関連記事を参照してください。
宝塔部署thinkphp5报错怎么办Dec 19, 2022 am 11:04 AM宝塔部署thinkphp5报错的解决办法：1、打开宝塔服务器，安装php pathinfo扩展并启用；2、配置“.access”文件，内容为“RewriteRule ^(.*)$ index.php?s=/$1 [QSA,PT,L]”；3、在网站管理里面，启用thinkphp的伪静态即可。
thinkphp5 post得不到值怎么办Dec 06, 2022 am 09:29 AMthinkphp5 post得不到值是因为TP5是通过strpos函数在Header的content-type值中查找app/json字符串的，其解决办法就是设置Header的content-type值为app/json即可。
thinkphp5怎么获取请求过来的网址Dec 20, 2022 am 09:48 AMthinkphp5获取请求网址的方法：1、使用“\think\Request”类的“$request = Request::instance();”方法获取当前的url信息；2、通过自带的助手函数“$request->url()”获取包含域名的完整URL地址。
thinkphp5 url重写不行怎么办Dec 12, 2022 am 09:31 AMthinkphp5 url重写不行的解决办法：1、查看httpd.conf配置文件中是否加载了mod_rewrite.so模块；2、将AllowOverride None中的None改为All；3、修改Apache配置文件.htaccess为“RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1]”保存即可。
怎么去除thinkphp5标题栏iconDec 20, 2022 am 09:24 AM去除thinkphp5标题栏icon的方法：1、找到thinkphp5框架public下的favicon.ico文件；2、删除该文件或者选择另一张图片命名改为favicon.ico，并替换原favicon.ico文件即可。
thinkphp5提示控制器不存在怎么办Dec 06, 2022 am 10:43 AMthinkphp5提示控制器不存在的解决办法：1、检查对应的控制器里面的命名空间是否写对，修改为正确的命名空间；2、打开相应的tp文件，修改类名即可。
ThinkPHP5怎么查询昨天的数据Dec 05, 2022 am 09:20 AMThinkPHP5查询昨天数据的方法：1、打开ThinkPHP5相关文件；2、通过表达式“db('table')->whereTime('c_time', 'yesterday')->select();”查询昨天的数据即可。
thinkphp5报错提示怎么设置Dec 07, 2022 am 10:31 AMthinkphp5设置报错提示的方法：1、进入项目根目录下的public文件夹，打开index.php入口文件；2、查看调试模式开关的注释；3、将“APP_DEBUG”常量的值调整为true即可展示错误信息提示。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
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 統合開発環境
