php上传图片到七牛云,PHP拖拽上传图片到七牛云
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拖拽上传图片到七牛云相关推荐
- html元素拖拽预览图,HTML5拖拽上传图片预览
1.文件API:(File API) file类型的的表单控件选择的每一个文件都是一个file对象,而FileList对象则是这些file对象的集合列表,代表所选择的所有文件.file对象继承于Blo ...
- ue编辑器拖拽上传图片_Typora + PicGo打造超好用的Markdown编辑器
工欲善其事必先利其器,既然决定要写作啦,一个好用的编辑器是必不可少的工具.相信作为一个程序员,大家应该也都比较了解Markdown语法,经过重重对比,我选定了Typora来作为Markdown编辑器. ...
- 图片上传组件_博客必备功能,拖拽上传图片!
公众号关注 "GitHub 热门" 设为 "星标",带你了解技术圈内热门新鲜事! 现在很多小伙伴都在搭建自己的博客,把自己的一些心得和经验都写在博客上面给一些新 ...
- ue编辑器拖拽上传图片_editor.md实现拖拽剪切复制粘贴上传图片,文件插件
editor.md作为一款Markdown编辑器,界面美观,功能强大 但是图片,文件上传方面缺少了剪切,拖拽上传,有那么一点每中不足,下面就简单实现一个,废话不多说,直接上代码. uploadImg. ...
- ue编辑器拖拽上传图片_为百度UE编辑器上传图片添加水印功能
前些日子把phpcms的内置编辑器改成了百度UE编辑器,非常好用,但是有个地方不是很满意,就是没法给上传的图片加水印了,经过一番研究终于实现了出来,分享给大家 UEditor编辑器上传图片是自动提取的 ...
- 无插件HTML,HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)分享!
上传基本是项目中经常出现的,一般采用: 1.form提交 2.flash form提交会刷新页面,很难做到异步上传:flash可能是用得比较多了,因为可以兼顾到几乎所有的浏览器,我之前一直会用jQue ...
- html5拖拽图片批量ajax无刷新进度上传
1.前端拖拽图片 之前有篇文章说到HTML5的拖拽(drag.drop,详见:/post/jquery-plugin-1-jquery-drag-and-html5-draggable-api-and ...
- 图片的旋转,缩放和拖拽
由于之前公司项目的原因,我被要求完成一个头像上传功能,其中包括要实现上传图片的旋转,缩放和拖拽,更关键的是要用JS实现... 作为一个不大喜欢用JS的人来说这是一个很严峻的挑战,不过随着项目的进行我的 ...
- 拖拽批量上传图片如何保证 顺序_图片压缩神器和图片分割工具,美工设计和运营终于得救了...
想要快速互联网干货技巧? 请(置顶)星标我们 好不容易写好文案,设计好长图海报,上传到微信公众号,竟然提示上传图片体积不得超过5M,怎么办?怎么办? 不得已,只好又返回Ps里降低图片品质,换成有损格式 ...
最新文章
- 共享一个查找IP所在交换机端口的方法
- [webpack3.8.1]Guides-4-Output Management(输出管理)
- 【Jetson-Nano】2.Tensorflow和Pytorch的安装
- linux redis 5.6扩展,Windows下为PHP5.6安装Redis扩展和memcached扩展
- Mac无损音乐播放器:Audirvana
- 《css世界》常用技巧——读书笔记
- Atitit.编程语言的基础句型and汉语英文比较
- 深度学习环境安装所需软件介绍cuda+cudnn+driver+anaconda+keras+tensorFlow+Pycharm+Jupyer(下载地址+配图)
- 微信.gif表情包保存到本地
- 宽松委托转换(Relaxed delegate conversion)
- “Only fullscreen opaque activities can request orientation “问题分析
- 通过QQ音乐接口获取数据+播放源
- 缓存服务器 之 Linux下缓存服务器的应用
- 一文梳理2020年大热的对比学习模型
- Javascript判断是否iphone全面屏手机
- 5+API,AD广告组件
- 训练softmax分类器实例_assignment1-softmax分类器
- cesiumjs开发实践 (一)
- 监管大屏系统_煤矿安全监管系统可视化大屏展示设计
- 大型网站-开发项目团队组成
热门文章
- 怎么查看笔记本内存条型号_内存条,详细教您怎么查看内存条的型号
- 贝塞尔曲线想到的--真的很美,但是有时很丑
- 2J9国内外相同牌号对照表
- 透明Png黑白图片上色(重新着色、改变成指定颜色)
- Linux多窗口终端使用、shell快捷键以及修改快捷键
- FinalShell连接不上LinuxCentOS-7的解决方案
- 面试到了“IT大佬”,怼得我哑口无言…
- unity 刚体的运动 减速运动
- 计算机的USB是什么,usb2.0和3.0的区别,教您电脑usb2.0和3.0的有什么区别
- 测试人员绩效考核KPI指标