ホームページ > バックエンド開発 > PHPの問題 > PHPでアバターをアップロードする方法

PHPでアバターをアップロードする方法

王林
リリース: 2023-03-13 10:32:02
オリジナル
3409 人が閲覧しました

アバターのアップロードを実装する php メソッド: [

PHPでアバターをアップロードする方法

この記事の動作環境:Windows10 system, php 7. Thinkpad t480 コンピューター。

最近、プロジェクトに取り組んでいるときにアバターのアップロード機能を使用する必要があったので、実装プロセスを記録しました。

アバターを完成させたい場合アップロード関数を使用するには、PHP ページが必要です。ページを touxiang.php として定義し、他のページを Upload.php として定義します。

具体的なコードを見てください:

1 .touxiang.php

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

 

<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<script src="bootstrap-3.3.7-dist/js/jquery-1.11.2.min.js"></script>

<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

 

<style type="text/css">

#yl{ width:200px; height:200px; background-image:url(img/avatar.png); background-size:200px 200px;}

#file{ width:200px; height:200px; float:left; opacity:0;}

.modal-content{ width:500px;}

.kk{ margin-left:130px;}

</style>

 

</head>

 

<body>

 

 

 

<!-- 按钮触发模态框 -->

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">

    上传头像

</button>

<!-- 模态框(Modal) -->

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">

                    ×

                </button>

                <h4 class="modal-title" id="myModalLabel">

                    上传头像

                </h4>

            </div>

            <div class="modal-body">

                <form id="sc" action="upload.php" method="post" enctype="multipart/form-data" target="shangchuan">

 

    <input type="hidden" name="tp" value="" id="tp" />

 

    <div id="yl" class="kk">

        <input type="file" name="file" id="file" onchange="document.getElementById(&#39;sc&#39;).submit()" />

    </div>

 

 

 

</form>

 

<iframe style="display:none" name="shangchuan" id="shangchuan">

</iframe>

 

            </div>

            <div class="modal-footer">

                <button type="button" class="btn btn-default" data-dismiss="modal">关闭

                </button>

                <!--<button type="button" class="btn btn-primary">

                    提交更改

                </button>-->

 

            </div>

        </div><!-- /.modal-content -->

    </div><!-- /.modal -->

</div>

 

 

</body>

 

<script type="text/javascript">

 

//回调函数,调用该方法传一个文件路径,该变背景图

function showimg(url)

{

    var div = document.getElementById("yl");

    div.style.backgroundImage = "url("+url+")";

 

    document.getElementById("tp").value = url;

}

 

</script>

 

</html>

ログイン後にコピー

このページでは、モーダル ボックスと 3 つのファイル (bootstrap.min.css、jquery-1.11.2.min.js、bootstrap.min.js

#) を導入する必要があります。 ##2.upload.php

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<?php

 

if($_FILES["file"]["error"])

{

    echo $_FILES["file"]["error"];

}

else

{

    if(($_FILES["file"]["type"]=="image/jpeg" || $_FILES["file"]["type"]=="image/png")&& $_FILES["file"]["size"]<1024000000)

    {

        $fname = "./img/".date("YmdHis").$_FILES["file"]["name"];

 

        $filename = iconv("UTF-8","gb2312",$fname);

 

        if(file_exists($filename))

        {

            echo "<script>alert(&#39;该文件已存在!&#39;);</script>";

        }

        else

        {

            move_uploaded_file($_FILES["file"]["tmp_name"],$filename);

 

            unlink($_POST["tp"]);

 

            echo "<script>parent.showimg(&#39;{$fname}&#39;);</script>";

        }

 

    }

}

ログイン後にコピー
効果は次のとおりです:

PHPでアバターをアップロードする方法

推奨学習:

php トレーニング

以上がPHPでアバターをアップロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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