tp5 上传图片的实现

最新推荐文章于 2023-04-21 17:46:42 发布

tian_fighting

最新推荐文章于 2023-04-21 17:46:42 发布

阅读量1.9k

点赞数

分类专栏： php

本文链接：https://blog.youkuaiyun.com/zhangweiguangsunjiao/article/details/94380210

版权

php 专栏收录该内容

44 篇文章

订阅专栏

<td>网站logo：</td>
                                <td>
                                    <img src="{$data.web_logo?'/'.$data.web_logo:'/static/Admin/assets/img/add_photo.png'}" alt=""
                                         style="margin-left:20px;border:1px solid #ccc;" width="100px;" height="100px;"
                                         onclick="get_img(this)" id="web_logo">
                                    <input type="file" class="form-control" id="qrcode"
                                           style="display: none;padding-left:20px;" onchange="showimg(this)">
                                    <span style="color: red;margin-left: 10px;">建议尺寸：240*200</span>
                                </td>

js代码：

var formData = new FormData();
    function showimg(e) {
        var file = e.files[0];
        var type = file.type;
        if (!type.match(/.jpg|.jpeg|.png|.bmp/i)) {　　//判断上传文件格式
            $(e).val('');
            return swal('温馨提示', '上传的图片格式不正确，请重新选择');
        }
        formData.set($(e).attr('id'), file);
        var img = $(e).prev().get(0);
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function () {
            img.src = reader.result;
        };
        $(e).val('');
    }

    function get_img(obj) {
        $(obj).next().click();
    }

    $('#btn-add').on('click', function () {      

        $.ajax({
            url:'',
            type:'POST',
            data:formData,
            contentType: false,
            processData: false,
            dataType:'json',
            success:function (data) {
                 console.log(data);
                
            }
        })

    });

php代码：

        $pic = \Request::file('qrcode');
            if ($pic) {
                $info_file = $pic->move('./uploads');
                if ($info_file) {
                    $data['web_logo'] = 'uploads/' . $info_file->getSaveName();
                }
            }

完成