资讯专栏INFORMATION COLUMN

TP上传图片并预览 ifame 实现

stdying / 944人阅读

摘要:效果图直接上代码了上传头像浏览昵称性别男女实现本页面图片显示框架上传配置上传参数单位实例化上传类上传成功获取上传文件信息上传错误提示错误信息

效果图:

直接上代码了、

//框架上传
public function frameUpload(){
    //配置上传参数
    $config = array(
        "rootPath"=>"./Uploads/",
        "savePath" => $this->savePath,
        "maxSize" =>  20000000, // 单位B
        "exts" => explode(",", "gif,png,jpg,jpeg,bmp"),
        "subName" => $this->sub_name,
    );
    $upload = new ThinkUpload($config);// 实例化上传类
    $info   =   $upload->upload();
    if($info) {
        //上传成功 获取上传文件信息
        $state = "SUCCESS";
    }else{
        // 上传错误提示错误信息
        $state = "ERROR" . $upload->getError();
    }
    $file_url = "/Uploads/".$info["upfile"]["savepath"].$info["upfile"]["savename"];
    header("Content-type: text/html; charset=UTF-8");
    echo "";
    exit;
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/25902.html

相关文章

  • 前端ajax上传文件,图片,后端nodejs接收文件;

    摘要:前端上传文件,图片,后端接收文件学习了,就想实现一下有进度条的文件上传,在做这个功能的时候遇到的问题用普通的无法实现文件上传,只能,,一些,字符串想要上传文件或者图片,可以添加上传注意需要在上添加标示缺点,这样会倒置页面的刷新很糟糕有没有 前端ajax上传文件,图片,后端nodejs接收文件; 学习了nodejs,就想实现一下有进度条的文件上传, 在做这个功能的时候遇到的问题 用...

    vincent_xyb 评论0 收藏0
  • TP5整合阿里云OSS上传文件第二节,异步上传头像实现,

    摘要:版本也是我最喜欢的方式这个代码有点黏在一起了凑合看把李昊天创建实例服务器异步接受地址指定选择文件的按钮容器禁止多选不压缩选择之后自动上传防止低版本浏览器用到了只允许选择图片文件。 TP5整合阿里云OSS上传文件第二节,上传头像实现首先先看一个效果图上传失败效果图:showImg(https://segmentfault.com/img/bVbaJLZ?w=983&h=561);上传成功...

    douzifly 评论0 收藏0
  • TP5整合阿里云OSS上传文件第二节,异步上传头像实现,

    摘要:版本也是我最喜欢的方式这个代码有点黏在一起了凑合看把李昊天创建实例服务器异步接受地址指定选择文件的按钮容器禁止多选不压缩选择之后自动上传防止低版本浏览器用到了只允许选择图片文件。 TP5整合阿里云OSS上传文件第二节,上传头像实现首先先看一个效果图上传失败效果图:showImg(https://segmentfault.com/img/bVbaJLZ?w=983&h=561);上传成功...

    dayday_up 评论0 收藏0
  • TP5+阿里云OSS上传文件第三节,实现淘宝上传商品图片

    摘要:阿里云上传文件第三节实现淘宝上传商品图片首先我们来看看淘宝的功能和样式之后看看制作完成的演示由于全部功能弄成有点大限制上传大小好像在之内压缩之后也有所以分为两个演示图片后端代码基于第三个文章不变去掉上传进度条去掉上传提示重写重写前端代码需要 **TP5+阿里云OSS上传文件第三节,实现淘宝上传商品图片首先我们来看看淘宝的功能和样式:**showImg(https://segmentfa...

    Jochen 评论0 收藏0

发表评论

0条评论

stdying

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<