think PHP6七牛云上传图片

一、注册

申请七牛云账户;
开通对象存储功能(空间0/10GB,免费的);
创建 changj (空间名称);
在秘钥管理,创建一个秘钥,获取 AccessKey / SecretKey;

二、使用

Composer 安装

composer require qiniu/php-sdk

添加表单页面:

<form  action="跳转地址" method="跳转方式" enctype="multipart/form-data">
        <div class="form-group" >
          <label>请输入标题</label>
          <input type="text" class="form-control" name="text">
        </div>
        <div class="form-group">
          <label>文件</label>
          <input type="file" class="form-control" name="image">
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
</form>

控制器方法页面:

public function orderin(Request $request){
       
          // 获取表单上传文件 例如上传了001.jpg
         $key=input('post.text');
         $image = $request->file('image');
         //获取上传后的文件路径
         // 图片存储在本地的临时路经
         $filePath = $image->getRealPath();
         // 获取图片后缀
         $ext = $image->getOriginalExtension();
         // 上传到七牛后保存的新图片名
         $newImageName  =   substr(md5($image->getOriginalName()),0,6)
          .  rand(00000,99999) . '.'.$ext;
          $auth = new Auth('七牛云AK','七牛云SK');
          // 要上传的空间位置
          $token = $auth->uploadToken('空间名称');
          // 初始化 UploadManager 对象并进行文件的上传。
          $uploadMgr = new UploadManager();
          list($ret , $err) = $uploadMgr->putFile($token , $newImageName , $filePath);
          if($err !== null){
                 return null;
          }else{
                 // 图片上传成功
                 $da['image']=$newImageName;
                 $da['text']=$key;
                 $da['date']=date("Y/m/d");

                 // 调用模型层的添加方法
                 $n=模型名称::create($da);
                 if ($n){
                    return '添加成功';
                 }
           }
    }

 图片展示页面:

public function show(){
    $data=模型名称::select()->toArray();
    foreach ($data as $item=>$value){
        $data[$item]['image']='七牛云图片路径'.$value['image'];
    }
    return view('show',compact('data'));
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Vue 中使用七牛云进行图片上传,需要先在七牛云申请一个空间并获取 Access Key 和 Secret Key,然后安装相关的依赖库。 1. 安装依赖库: ``` npm install qiniu-js vue-qiniu-upload --save ``` 2. 在 Vue 中引入依赖: ``` import QiniuUpload from 'vue-qiniu-upload' import * as qiniu from 'qiniu-js' ``` 3. 在 Vue 组件中使用: ``` <template> <div> <qiniu-upload :domain="domain" :access-key="accessKey" :secret-key="secretKey" :path="path" :size="size" :accept="accept" :before="beforeUpload" :complete="uploadComplete" :error="uploadError" > <button>上传图片</button> </qiniu-upload> </div> </template> <script> export default { components: { QiniuUpload }, data () { return { domain: 'your-qiniu-domain', accessKey: 'your-access-key', secretKey: 'your-secret-key', path: '/upload', size: 10 * 1024 * 1024, accept: 'image/*' } }, methods: { beforeUpload (file) { // 可以在这里进行一些上传前的操作,比如图片压缩等 }, uploadComplete (res) { // 上传完成后的回调 console.log('上传完成', res) }, uploadError (err) { // 上传失败的回调 console.log('上传失败', err) } } } </script> ``` 以上代码中,`QiniuUpload` 组件是我们刚才引入的依赖库中提供的,通过传入相关参数就可以进行图片上传了。在 `beforeUpload` 方法中可以对图片进行一些处理,比如压缩等操作。`uploadComplete` 和 `uploadError` 分别是上传成功和上传失败后的回调函数,可以进行一些相关的操作。 注意,上传图片之前需要在七牛云中进行配置,具体可以参考七牛云的文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值