仅在这记录下,今天的事情. 问题出自于Nginx 设置http 强制跳转 https设置 1.上午,出于某些需求,我将服务器Nginx 设置http 强行跳转 https server { listen ; server_name www.server_name.com; rewrite ^(.*)$ https://$host$1 permanent; } 2.下午,业务代码没有修改的情况下出现:七牛云 上传图片 错误返回 {code: ", input: "", mess…
composer安装: composer require qiniu/php-sdk 配置使用: 在tp5.1的配置文件app.php中配置七牛云的参数 'qiniu' => [ 'accesskey' => '你的accesskey', 'secretkey' => '你的secretkey', 'bucket' => '存储空间', 'domain' => '域名' ], 前端使用webuploader上传 /*****加载AJAX上传图片******/ // 调用形式…
七牛sdk地址https://files.cnblogs.com/files/zonglonglong/qiniu-php-sdk-7.2.2.rar 首先下载php的sdk将文件夹放到vendor 然后在tp5的配置文件里加上 // +---------------------------------------------------------------------- // | ThinkPHP [ WE CAN DO IT JUST THINK ] // +--------------…
1.Html界面: <div id="container"> <label>凭证:</label> <div id="uploadImage" class="mui-btn" style="float: left; margin-top: 5px;text-align: center;padding:10px;width: 100px;">选择图片 </div> &l…
原文链接:http://www.thinkphp.cn/code/3279.html 参考:https://blog.csdn.net/rain_web/article/details/79105424…
从2017年起,苹果ios以及微信小程序都陆续要求请求连接request地址是使用HTTPS协议的.所以在项目开发阶段就要考虑解决https的问题,同时这也是为项目实际安全所考虑.最近我也是在折腾项目的https认证,学习到了很多,就写一下实际操作中遇到的问题和要注意的一些地方. 名词解释 https:http超文本传输协议是使用明文传输的,而https则为http+TLS/SSL,是具有一定安全性的加密传输协议.http使用80端口,而https使用443端口. SSL:安全套接字层,位于TC…
为了分摊个人服务器压力.提升图片下载上传的速度,使用七牛云保存用户上传的图片. 后台基于express搭建的,上传使用七牛云第三方nodejs-sdk.由于七牛云上传图片只能单个进行,并且考虑到上传完成后会做一些事情,于是基于sdk再次封装了一次,代码如下: let qn = require('qn'); let path = require('path'); // 本地文件路径 let filePaths = ['./public/images/33.jpg', './public/image…
这是我花了很多天的时间才得以真正实现的一组需求. 文章后面有完整Demo的GitHub链接. 一. 需求描述 1. 应用是基于ThinkPHP5开发的: 2. 服务器环境是LNMP,PHP版本是7.2,数据库是MySQL5.6: 3. 由用户(包括管理员)上传的图片一类的媒体文件不能直接上传到应用目录中,而要上传到单独的对象存储服务器上: 4. 需要使用富文本编辑器,编辑器中需要上传的图片也都要保存到对象存储服务器: 5. 可以对已上传的图片进行删改查操作. 二. 方案选型 1. 框架:Thin…
大家好,我是zeroing,本文将介绍关于 Typora 软件如何配置七牛云图床,实现图片即插即用,可以先看一下最终效果! 可以看到图片借助 Typora 软件自动将本地存储转化为第三方图片网络链接 在开始教程之前,先介绍一下 Typora 和七牛云,Typora 是一个 Markdown编辑器,用于 Markdown 文档编辑阅读,该软件目前是我写文档常用的软件 软件除了对 Markdown 基本语法支持之外,也提供了许多主题模板,结合提供的主题模板,无需手动排版,只需要更改主题模板中的 CS…
大体思路 前端要上传图片到七牛云,需要有一个token进行授权操作,而获取这个上传的upload token(以下简称upToken),在服务端需要一定的身份校验,比如说:只有登录的vip用户才能拿到这个上传的token,才能往七牛云上传图片. 而服务端如何来生成这个upToken呢?以koa2为例,用最简洁的方式生成一个upToken.这里使用的是官方提供的node.js sdk.所谓sdk,就是软件开发工具包. 注意:这里我们上传的大体思路分为两步:第一,服务端颁发上传凭证到前端,前端携带凭…
背景 之前为了练习Linux系统使用,在阿里云上低价买了一台服务器(网站首页有活动链接,传送门),心里想反正闲着也是闲着,就放了一个网站上去.现在随着数据越来越多,服务器空间越来越吃紧,我就考虑使用七牛云OSS来存储图片.视频等资源了. 先说一下OSS对象存储的优点: 1)通过Raid与LVM等手段,对数据提供了保护 2)可以将多块廉价的硬盘组合起来,称为一个大容量的逻辑盘对外提供服务,提高了容量 3)写入数据时,由于是多块磁盘组合出来的逻辑盘,所以几块硬盘可以并行写入的,提升了读写效率 4)很…
1:注册七牛云账号 https://www.qiniu.com/ js文件 链接:https://pan.baidu.com/s/1BW1svHqEsXrrTNtRobKkpg  提取码:ixta 2:进行实名认证 3:在项目中安装模块(进入虚拟环境中安装) pip install qiniu 4:创建连接信息 4-1:在七牛云上面创建存储空间 4-2:创建连接信息 qiniu_info.py 内容如下: 5:创建后台获取tokon方法 # 配置添加路由 urlpatterns = [ path…
七牛云图床和Markdown使用 1.图床是什么? 图床一般是指储存图片的服务器,有国内和国外之分.国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度.国内也分为单线空间.多线空间和cdn加速三种.来自百度百科 2.为什么要使用图床? 目前的网站.博客等站点中,除了大型网站,官方网站等会自建图片.视频等专用于存放文件的服务器.其他站点如果是这类文件很多,而且具有较强的依赖性质(服务迁移等情况)的话,那么将是一件复杂的事情,因为每个站点的文件存储方式不同.目前主流站点文章的写作方案是M…
七牛云注册 https://www.qiniu.com/ 实名认证成功之后,赠送10G存储空间 复制粘贴AK和SK 创建存储空间,填写空间名称,选择存储区域.访问控制选择位公开空间 获取测试域名 七牛云使用 前端功能实现 随便写个button,然后写个js 关联上就行 js代码 // ================== 上传至七牛(云存储平台) ================ let $progressBar = $(".progress-bar"); QINIU.upload({…
七牛云的文件上传和下载(私有空间) 1.本篇博客参考网址 https://blog.csdn.net/peaceful000/article/details/53171578 https://blog.csdn.net/albertfly/article/details/51499812 2.在pom.xml中添加需要的jar <!--七牛云上传图片服务--> <!-- https://mvnrepository.com/artifact/com.qiniu/qiniu-java-sdk…
现在做的项目需要做一些图片处理,由于时间赶急,之前我便没有处理图片,直接将图片放在input[type=file]里面,以文件的形式提交给后台,这样做简直就是最低级的做法,之后各种问题便出来了,人物头像需要正方形,这样做难免出现异性,显示的时候便是各种丑. 项目赶完之后这两天优化本想在网上找一个现成的图片裁剪插件使用,但是在百度上面和jq22上面找了半天找到的都是一些服务器裁剪的事例,加上看别人的代码各种麻烦,简直头大,最后发现一个本地图片处理的插件,便想着不如自己写一个,虽然代码写着乱,但是自…
参考资料 qr-code生成二维码    七牛云上传图片 实现步骤 //拿到插入后的id $res = DB::table('book_book')->insertGetId($data); if (! empty($res)) { //生成二维码 $qr_url = 'http://www.xxxx.cn/details/' . $res; $config = [ 'generate' => 'writefile', ]; $file_name = 'code/'; $qr_code = n…
本文将介绍: 如何使用原生 Javascript 上传文件 如何使用七牛云 SDK 上传文件到七牛云 在 App 中文件上传是一个非常重要的需求,但是翻遍 React Naitve 的官方文档没有发现有详细介绍文件上传的文章,在 github上 搜索一下倒是发现了不少 repo 在做这样的事情 遗憾的是这项项目都是基于 native code 实现的,虽然在 React Native 使用 Native Comment 有很好的工具支持,但是终归没有直接使用纯 JS 的库更方便.其实 React…
概述 最近在搞Markdown的东西,遇到了一个很棘手的问题,即图片的显示:通用的图片,可以直接网上搜索,但有时候需要自己截一些图或者对下载的图片进行修改,在本地存储完全没有问题,但Markdown写出来的文本并不是给自己看的,本地的MD文件传给别人时,图片无法显示. 为了解决以上问题,搜索了一下,知道了"图床"这个名词,且很多人推荐使用七牛云存储作为图床(高效.快速.有保障).但七牛云上传图片->复制图片地址一系列的流程比较麻烦,为了节省时间,逐选择了Mpic 图床神器,两者结…
1.安装:npm install vue-cropper 2.引入:import VueCropper from 'vue-cropper' Vue.use(VueCropper) <template> <div class='box'> <el-button @click='dialogImg=true'>截图</el-button> <div class="img"> <img style="width:…
本文出自APICloud官方论坛, 感谢论坛版主 东冥羽的分享. 七牛云上传视频并截取第一帧作为视频的封面图. 使用js上传,模块videoPlayer截取第一帧(有专门的截图模块,但是我使用的有点问题,可能是视频源的问题:canvas也能截取,但是有点小bug,比如会截成黑色或白色的图片). 上传一个和上传多个视频 demo运行点这里 需要参数:token值,七牛云域名 *逻辑: 上传一个视频: 点击上传按钮,获取token值,选中视频后开始上传.input file会获取文件的大小,文件名等…
CDN加速网站是几乎所有的站长都在考虑的问题,CDN,全称是Content Delivery Network,即内容分发网络.所谓CDN加速,通俗的来说就是把原服务器上数据复制到其他服务器上,用户访问时,那台服务器近访问到的就是那台服务器 上的数据.CDN加速优点是成本低,速度快.CDN加速的方法和工具都很多,网上用的比较多的是“我爱水煮鱼”做的七牛镜像插件,这个插件很好用,但是也 有两个 bug 无法解决: 1.插件中的 JavaScript 和 CSS 无法镜像到七牛云存储中去. 2.部分主…
1.一个搭建好的网站和七牛云账号 2.七牛云进入控制面板 3创建存储空间 4创建好了空间拿七牛给你了测试域名(但只可以使用30天)所以绑定自定义域名(这个必须是备案过的) 5.设置自定义域名(加速域名最好是二级域名)下面红框cdn是我备案域名的二级域名 6配置完加速域名(融合cdn域名)就去对你添加的这个域名进行cname解析(不懂借鉴https://developer.qiniu.com/fusion/kb/1322/how-to-configure-cname-domain-name) 7.…
七牛云 融合CDN测试域名 -> 融合CDN加速域名 本篇主要讲解 如何将七牛云融合CDN测试域名 切换到自定义的加速域名上去,为什么会写这篇是因为我收到了一封 [七牛云]测试域名回收通知的邮件,吓得我赶紧了解一下  1.七牛云测试域名回收通知  几天前我收到了一封 [七牛云]测试域名回收通知 的邮件当时并没有特别在意,也不知道啥意思,没去怎么关注它,今天晚上我也不知道为什么会突然打开了QQ邮箱,突然又看到了这封邮件,顺便就仔细瞅了瞅它  刚开始我很懵 不知道啥意思,我就登录了七牛云官网,查看了…
昨天晚上在某个群里看到群友问,七牛云能不能绑定自己的域名作为静态资源文件的前缀,忽然想起来我已经有快两年时间没有登录过我的七牛云账号了,不禁老脸一红,这是有多久没有自己前后端都弄了,幸好还没有老年痴呆,还记得账号密码,快速登录进去,仿佛看到了那些个还很能熬夜的日子,即便那不是我的黄金时代. 回到本文重点,虽然这是一个很简单的问题,但是有些伙伴刚弄可能就是会一不小心就容易出错,或者有些不理解的地方,于是决定把自己的配置都干掉,重新花几十分钟把这个初级的知识点整理成文,以备有需之人的不时之需. 我们…
大体思路 上一篇我们讲了如何通过服务器生成一个upToken,那前端拿到这个token后又该如何操作?在这里我给出一个相当简洁的版本. 首先我们来看一下上传的思路:调用七牛模块的upload方法,生成一个observable对象,observable 可观察对象,该对象通过 subscribe 订阅方法可以被 observer观察者所订阅,订阅同时会开始触发上传. 那upload方法需要些什么参数呢?我们来理一理: file: Blob 对象,上传的文件 key: 到时候存储成功的资源名    …
转:http://my.oschina.net/duoduo3369/blog/174655 ueditor上传图片到七牛云存储 ueditor结合七牛传图片 七牛的试炼 开发前的准备与注意事项说明 Let's rock 与ueditor结合前的准备工作 首先从表单开始 生成token 建立图片空间 生成token 上传流程 集成ueditor 将ueditor中的图片模块的在线管理功能和七牛结合 ueditor上传图片到七牛云存储 重要说明,本人已不做java多年,请不要加qq再问我java的…
杂谈:最近在玩一个第三方的微信开发平台,里面的图片都是上传到[七牛云存储]的,用了一下非常的好用,支持各种语言,SDK齐全.支持全分布式系统架构以及存储技术和数据加速,于是决定将网站的图片都存储到七牛上(之前存储在本地服务器,不仅耗费流量,而且占空间,像我准备使用新浪云SAE,没有备案的话要消耗双倍的云豆,晕死).如果和我一样希望把你的图片存储到海量云空间的朋友,请继续往下看,高手请掠过·····. 言归正传:这里直接贴出修改好的代码 和 操作步骤.想详细研究的童鞋可以登录七牛的官网查看 htt…
本文主要分享使用Typora作为Markdown编辑器,PicGo为上传图片工具,使用七牛云做存储来解放双手实现图片的自动化上传与管理.提高写作效率,提升逼格.用过 Markdown 的朋友一定会深深爱上这种优雅的写作方式,比起惨不忍睹的 Word 简直要帅气得多了. Typora 是一款简单.高效而且优雅的 Markdown 编辑器,它提供了一种所见即所得的全新的 Markdown 写作体验.它把源码编辑和效果预览两者合二为一,在输入 Markdown 代码的时候即时生成预览效果.Typora…