OSS对象存储是安全,低成本,高可靠的云存储服务,本文以图片上传结合七牛云存储为实例,来实现OSS存储功能。

php七牛云安装

使用composer安装#安装

Composer curl -sS https://getcomposer.org/installer | php

#使用 Composer 获取最新版本的 Qiniu SDK

php composer.phar require qiniu/php-sdk

#代码中 require Composer生成的 autoloader

require 'vendor/autoload.php';

php使用七牛sdk<?php

require_once './vendor/autoload.php';

// 引入鉴权类

use Qiniu\Auth;

// 引入上传类

use Qiniu\Storage\UploadManager;

// 需要填写你的 Access Key 和 Secret Key

$accessKey = ' Access Key ';

$secretKey = ' Secret Key';

// 构建鉴权对象

$auth = new Auth($accessKey, $secretKey);

// 要上传的空间

$bucket = 'test';

// 生成上传 Token

$token = $auth->uploadToken($bucket);

// 初始化 UploadManager 对象并进行文件的上传

$uploadMgr = new UploadManager();

if($_FILES){

$key = $_FILES["file"]["name"];

// 调用 UploadManager 的 putFile 方法进行文件的上传

list($ret, $err) = $uploadMgr->putFile($token, $key, $_FILES["file"]["tmp_name"]);

if ($err !== null) {

var_dump($err);

} else {

$data['code'] = 1;

$data['message'] = 'success';

$data['img_url'] = 'http://7xplx9.com1.z0.glb.clouddn.com/'.$ret['key'];

$data['markdown_img'] = '[站外图片上传中……(2)]'; //markdown的图片加载格式

exit( json_encode($data));

}

}

html上传页面,使用

使用dropzone拖拽上传插件

图片上传

body {

background-color: #CCC;

}

#content {

background-color: #FFF;

border-radius: 5px;

}

#content .main {

padding: 20px;

}

#content .sidebar {

padding: 10px;

}

#content p {

line-height: 30px;

}

图片上传

  • 主页
  • 归档

Main Content Section

function copyUrl2()

{

var Url2=document.getElementById("biao1");

Url2.select(); // 选择对象

document.execCommand("Copy"); // 执行浏览器复制命令

}

function openLink()

{

var url = $("#biao1").attr("value");

window.open(url);

}

Dropzone.options.myAwesomeDropzone = {

url: "upload.php",

addRemoveLinks: true,

dictRemoveLinks: "x",

dictCancelUpload: "x",

maxFiles: 10,

maxFilesize: 5,

acceptedFiles: ".jpg,.png",

init: function() {

this.on("success", function(file, response, e) {

var res = JSON.parse(response);

$('#biao1').attr('value',res.img_url);

$('#biao1').text(res.markdown_img);

});

this.on("removedfile", function(file) {

console.log("File " + file.name + "removed");

});

}

};

php上传图片到七牛云,PHP拖拽上传图片到七牛云相关推荐

  1. html元素拖拽预览图,HTML5拖拽上传图片预览

    1.文件API:(File API) file类型的的表单控件选择的每一个文件都是一个file对象,而FileList对象则是这些file对象的集合列表,代表所选择的所有文件.file对象继承于Blo ...

  2. ue编辑器拖拽上传图片_Typora + PicGo打造超好用的Markdown编辑器

    工欲善其事必先利其器,既然决定要写作啦,一个好用的编辑器是必不可少的工具.相信作为一个程序员,大家应该也都比较了解Markdown语法,经过重重对比,我选定了Typora来作为Markdown编辑器. ...

  3. 图片上传组件_博客必备功能,拖拽上传图片!

    公众号关注 "GitHub 热门" 设为 "星标",带你了解技术圈内热门新鲜事! 现在很多小伙伴都在搭建自己的博客,把自己的一些心得和经验都写在博客上面给一些新 ...

  4. ue编辑器拖拽上传图片_editor.md实现拖拽剪切复制粘贴上传图片,文件插件

    editor.md作为一款Markdown编辑器,界面美观,功能强大 但是图片,文件上传方面缺少了剪切,拖拽上传,有那么一点每中不足,下面就简单实现一个,废话不多说,直接上代码. uploadImg. ...

  5. ue编辑器拖拽上传图片_为百度UE编辑器上传图片添加水印功能

    前些日子把phpcms的内置编辑器改成了百度UE编辑器,非常好用,但是有个地方不是很满意,就是没法给上传的图片加水印了,经过一番研究终于实现了出来,分享给大家 UEditor编辑器上传图片是自动提取的 ...

  6. 无插件HTML,HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)分享!

    上传基本是项目中经常出现的,一般采用: 1.form提交 2.flash form提交会刷新页面,很难做到异步上传:flash可能是用得比较多了,因为可以兼顾到几乎所有的浏览器,我之前一直会用jQue ...

  7. html5拖拽图片批量ajax无刷新进度上传

    1.前端拖拽图片 之前有篇文章说到HTML5的拖拽(drag.drop,详见:/post/jquery-plugin-1-jquery-drag-and-html5-draggable-api-and ...

  8. 图片的旋转,缩放和拖拽

    由于之前公司项目的原因,我被要求完成一个头像上传功能,其中包括要实现上传图片的旋转,缩放和拖拽,更关键的是要用JS实现... 作为一个不大喜欢用JS的人来说这是一个很严峻的挑战,不过随着项目的进行我的 ...

  9. 拖拽批量上传图片如何保证 顺序_图片压缩神器和图片分割工具,美工设计和运营终于得救了...

    想要快速互联网干货技巧? 请(置顶)星标我们 好不容易写好文案,设计好长图海报,上传到微信公众号,竟然提示上传图片体积不得超过5M,怎么办?怎么办? 不得已,只好又返回Ps里降低图片品质,换成有损格式 ...

最新文章

  1. 共享一个查找IP所在交换机端口的方法
  2. [webpack3.8.1]Guides-4-Output Management(输出管理)
  3. 【Jetson-Nano】2.Tensorflow和Pytorch的安装
  4. linux redis 5.6扩展,Windows下为PHP5.6安装Redis扩展和memcached扩展
  5. Mac无损音乐播放器:Audirvana
  6. 《css世界》常用技巧——读书笔记
  7. Atitit.编程语言的基础句型and汉语英文比较
  8. 深度学习环境安装所需软件介绍cuda+cudnn+driver+anaconda+keras+tensorFlow+Pycharm+Jupyer(下载地址+配图)
  9. 微信.gif表情包保存到本地
  10. 宽松委托转换(Relaxed delegate conversion)
  11. “Only fullscreen opaque activities can request orientation “问题分析
  12. 通过QQ音乐接口获取数据+播放源
  13. 缓存服务器 之 Linux下缓存服务器的应用
  14. 一文梳理2020年大热的对比学习模型
  15. Javascript判断是否iphone全面屏手机
  16. 5+API,AD广告组件
  17. 训练softmax分类器实例_assignment1-softmax分类器
  18. cesiumjs开发实践 (一)
  19. 监管大屏系统_煤矿安全监管系统可视化大屏展示设计
  20. 大型网站-开发项目团队组成

热门文章

  1. 怎么查看笔记本内存条型号_内存条,详细教您怎么查看内存条的型号
  2. 贝塞尔曲线想到的--真的很美,但是有时很丑
  3. 2J9国内外相同牌号对照表
  4. 透明Png黑白图片上色(重新着色、改变成指定颜色)
  5. Linux多窗口终端使用、shell快捷键以及修改快捷键
  6. FinalShell连接不上LinuxCentOS-7的解决方案
  7. 面试到了“IT大佬”,怼得我哑口无言…
  8. unity 刚体的运动 减速运动
  9. 计算机的USB是什么,usb2.0和3.0的区别,教您电脑usb2.0和3.0的有什么区别
  10. 测试人员绩效考核KPI指标