ホームページ > バックエンド開発 > PHPチュートリアル > PHP は一般的なファイル アップロード関数を実装します

PHP は一般的なファイル アップロード関数を実装します

墨辰丷
リリース: 2023-03-28 08:32:02
オリジナル
1703 人が閲覧しました

ファイル アップロード機能は、ファイルやアバターなどをアップロードすることができる、非常に一般的な機能です。この記事では、PHP を使用して一般的なファイル アップロード機能を実行する方法を説明します。必要なもの 友達の皆さん、ぜひ参考にしてください

現在、ファイルのアップロードは非常に一般的になっており、ファイルをアップロードしたり、アバターをアップロードしたりすることができます。ブラウザごとに「ファイルのアップロード」の効果も異なります

まず Firefox ブラウザの効果を見てみましょう。 、それは次のようになります:

IE ブラウザを見てください、次のようになります:

他にもたくさんのブラウザがあるので、一つ一つ効果を確認するつもりはありません。達成?

1. ファイルアップロード機能

(1) 1つ目は、このアップロードページを用意することです

1つ目は、フォーム要素(処理ページ「アップロード処理について」を含む)を記述することです。いくつかのルールを記述できます」、送信方法、そして重要な属性が指定されます。ファイルのアップロードであるため、次の属性が必要です: enctype="multipart/form-data") 次に、ボタンがあります。フォームが決まります。コンテンツでは、ファイルアップロードの通常のボタンタイプは「ファイル」です。次に、送信を必要とする「アップロード」ボタンがあるため、ボタンタイプは「送信」でなければなりません。

<form action="wenjiansccl.php" method="post" enctype="multipart/form-data">  <!--处理页面起个名字,做文件上传是这个属性:enctype="multipart/form-data"-->
  <input type="file" name="file"/> //浏览文件的按钮
  <input type="submit" value="上传" /> //提交的上传按钮
</form>
ログイン後にコピー

まず効果を見てみましょう:

(2) 2 番目は重要なファイルのアップロード処理ページです

まず値の出力をアップロードし、その後に何が表示されるかを確認できます。注: ファイル 値の転送メソッドである post または get はここでは使用できません。値の転送メソッド $_FILES[""] を使用する必要があります

var_dump($_FILES["file"]);  //输出传过来的值
ログイン後にコピー

出力結果は図のようになります。

注: この図の情報は以下で使用するため、以下で使用するときに明確に説明できるように、最初に名前(配列)を付けます

いくつかの2つを見るのは難しくありません- 次元配列: ファイルの名前、タイプ、保存場所、エラー メッセージ、ファイル サイズが含まれており、ファイルはサーバーに一時的に保存されます

ファイルをアップロードする際に注意すべき点が 4 つあります。

1. アップロードされるファイルの種類を制御する

2. アップロードされるファイルのサイズを制御する

3.1 保存されたファイル名を変更する

3.11 ユーザー名 + タイムスタンプ + 乱数 + ファイル名

3.12 シリアル番号

3.2 フォルダーを使用する

3.21public/lch/2017-2-12/ 1.jpg

4. ファイルを保存する

これら 4 つの注意事項 (手順にも相当) を理解したら、あとは処理ページをステップごとに書き始めます

(1) 出力すると、「エラー」項目がないか確認できます

if($_FILES["file"]["error"]) //将文件传值到处理页面,找到出错的索引,也就是(array)图中的错误项error
{
  echo $_FILES["file"]["error"];
}
ログイン後にコピー

(2) 上記は、エラーがあった場合にエラーメッセージを出力するものです。 エラーがなければ、次の内容に進みます。 注意事項に従ってください 書き始めましょう

まず最初に、 のタイプとサイズを制御します。アップロード時にファイルを指定します (また、(配列) 画像からタイプとサイズを見つけて、必要なタイプの値を割り当てます) jpeg と png に制限します。これら 2 つのタイプは複数にすることもできます。「or」で記述するだけです。ここでもif文を使って判断します(ファイル形式がjpegまたはpngでファイルサイズが1024000未満であればアップロード可能、そうでなければアップロード失敗)

if($_FILES["file"]["type"]=="image/jpeg" || $_FILES["file"]["type"]=="image/png" && $_FILES["file"]["size"]<1024000)
{<br>  //注意事项3和4的内容<br>}
else
{
  echo "文件类型不正确!"; 
}
ログイン後にコピー

(3)コード内のコメント(注 (項目 3 と 4) 重複と保存を避けるためにファイルの書き込みを開始します

最初: ファイルの保存場所 (保存したい場所) を見つけて、ファイル名を変更する方法でファイルを結合します (タイムスタンプ方式)

$filesname = "./files/".date("YmdHis").$_FILES["file"]["name"]; //$_FILES["file"]["name"]这也同样的也是(array)图的名称name
ログイン後にコピー

2番目: ファイルが存在するかどうかを確認します(存在する場合はメッセージが表示され、存在しない場合はフォルダーに保存します)

if(file_exists($filesname)) //file_exists()方法:判断文件是否存在,里面的值就是定义的保存位置
{
  echo "文件已经存在"; //存在给出提示
}
else
{
  //不存在就,保存文件(move_uploaded_file()保存)
  move_uploaded_file($_FILES["file"]["tmp_name"],$filesname);  //里面的值要有当前的保存位置,将要保存到哪的位置
}
<span style="font-family: 宋体; font-size: 15px"><span style="font-size: 18px">注意:</span><br>1.可能上传的时候是UTF-8的编码格式,Windows是用的国标的编码格式,上传上汉子可能成为乱码了,可以在文件保存位置下面加上“转换编码格式”<br>使用的是:</span><span style="font-size: 15px">iconv()方法:</span><span style="font-size: 15px">里面有3个值,一是现在使用的编码格式,二是想要转换的编码格式,三是想要转换的字符串</span>
$filename = iconv("UTF-8","gb2312",$filesname); //这个iconv()里面有3个值,一是现在使用的编码格式,二是想要转换的编码格式,三是想要转化的字符串
<span style="font-family: 宋体; font-size: 15px">2.如果上面的文件的上传格式是篡改的格式,也用move_uploaded_file()方法</span>
ログイン後にコピー

これで終わりですファイルをアップロードしてみることができます。

2番目に、ファイルのプレビューをアップロードします

写真をアップロードするときは、まず効果を確認してからアップロードします

(1) まず、ファイルを選択するためのボタンがあります。ファイル

<input id="uploadImage" type="file" name="photoimage" class="fimg1" onchange="PreviewImage();" /> //对这个按钮加一个事件
ログイン後にコピー

(2) この写真の p を表示するために使用されます

<p id="uploadPreview"></p>
ログイン後にコピー

この p にスタイルを追加します

#uploadPreview {
  width: 168px;
  height: 168px;             
  background-position: center center;
  background-size: cover;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0);
  display: inline-block;<br>}
ログイン後にコピー

効果を見てください:

然后就是写事件了

$("#uploadImage").on("change", function(){
  // 得到一个参考文件列表
  var files = !!this.files ? this.files : [];
  // 如果没有选择任何文件,或者没有文件读到就返回
  if (!files.length || !window.FileReader) return;
  // 只有进行选择的文件是一个形象
  if (/^image/.test( files[0].type)){
    // 创建一个新的FileReader的实例
    var reader = new FileReader();
    // 读取本地文件作为一个DataURL
    reader.readAsDataURL(files[0]);
    // 当加载时,图像数据设置为背景的p
    reader.onloadend = function(){
    $("#uploadPreview").css("background-image", "url("+this.result+")");
    }
  }
});
ログイン後にコピー

这只是一个简单的上传预览,上传到文件中的处理页面还没有写,改天补上完整的上传图片代码

看下选中图片的效果

这样,文件上传和图片预览就结束了,这两个结合一下就可以做出图片的上传了,过后我会继续补充完整的~~~


以上就是本文的全部内容,希望对大家的学习有所帮助。


相关推荐:

PHP实现封装的多文件上传类实例与用法详解

PHP中CheckBox多选框上传失败的代码写法详解

PHP+Ajax实现无刷新带进度条图片上传

以上がPHP は一般的なファイル アップロード関数を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート