前台上传图片自动预览
前台上传图片自动预览
|
|
后台处理方法
|
|
删除图片时,如果是相对路径,路径前面需要加上
.
;例如/public/avatar/me.jpg
=>./public/avatar/me.jpg
singi-blog
|
|
|
|
删除图片时,如果是相对路径,路径前面需要加上
.
;例如/public/avatar/me.jpg
=>./public/avatar/me.jpg
当月第一天
|
|
当月最后一天
|
|
前月第一天
|
|
前月最后一天
|
|
后一月第一天
|
|
后一月最后一天
|
|
$input_timestamp = 1490320660; // 2017-03-24 01:57:40
给定的月份第一天
|
|
给定的月份最后一天
|
|
给定的前月第一天
|
|
给定的前月最后一天
|
|
给定的后月第一天
|
|
给定的后月最后一天
|
|
|
|
将官方Tnink下面的Page类用下面的代码全部覆盖。即可使用。
使用前请引入bootstarp样式。
|
|
使用方法更官方版本一样。
|
|
|
|
默认是base64格式,现在需要上传七牛云,并改成七牛云链接格式
|
|
|
|
注意是引入以.php结尾的
|
|
应用场景:
使用UEditor上传图片,文件等到七牛云服务器,
结果:编辑器图片链接为七牛云链接
因为UEditor
已经帮我们写好了php代码,但后缀是.php的,这意味着在thinkphp中,这些文件属于外来的。那么这里就按照外来的文件对待。
直接将UEditor
sdk和七牛云sdk一起复制到thinkphp3.2.3中的Public目录下面。
想放在别的目录也可以,但是这里不适合再用thinkphp的方法,请将思维转回到传统php来。所以,我才选择放在Pulick目录下面
目录结构如下图:
这时的UEditor处理图片的方法是将图片上传到网址根目录下面。具体配置在
ueditor/php/config.json
文件中。
下面将以上传图片为例:
ueditor/php/config.json
配置如下:
|
|
这里的配置会返回七牛云链接
http://o7atl50ri.bkt.clouddn.com/文件名
,并插入到UEditor
内容中去。
修改ueditor/php/Uploader.class.php
如下:
在Uploader
类开始处引入七牛云SDK
|
|
增加七牛云上传方法uploadQiniu
:
|
|
修改Uploader
类中文件上传方法,最后几行如下:
原来方法是上传到网址根目录,这里修改成直接上传到七牛云。
|
|
到这里改造结束。如果在form表单提交到后台时,还想提取编辑器传过来内容中的图片链接,请往下看
|
|
$match[1]
中即为编辑器中所有图片链接
提取$match[1]
中,所有七牛云文件名:
$urlKey
和$match[1]
中的数据一一对应,文件名:文件地址
|
|
|
|
我这里使用的模板是Worthy,是一款自适应的bootstrap框架编写的模板。将自己的信息根据实际情况填写到模板上,然后整理好css,js,imgs等资源的路径。在本地测试ok即可。
我的静态资源最终目录结构如下:
将整个singi文件夹放置于hexo根目录下面的public文件夹即可。
使用hexo命令
|
|
hexo会将public文件夹中的文件原样上传到giuhub pages上,这就是我想要的效果。然后,访问
https://singi2016cn.github.io/singi/
就可以看到我的主页了。
wechat.class.php
和demo.php
wechat.class.php
复制到ThinkPHP/Library/Org/Util/
下,然后在控制器中如下引入
|
|
demo
|
|
demo
|
|