js选择图片并上传到七牛
[toc]
目的
最近开始写博客了，使用了某云6元的虚拟主机，奈何服务器容量太小，而且为了让网速不要太慢，准备把图片都放在七牛上
第一步 -创建一个丑陋的界面
创建一个丑陋的选择图片界面,界面如下 代码这里就不展示了，不知道为何插入不了代码丑陋的界面
a.php部分代码
第二步-获取base64图片获取base64 图片
var data = e.target.result;
第三步-生成图片名
这里有个newFileName是上传后的图片名 我使用的方法是时间戳 拼接上图片的后缀名
假设当前时间是 1481270167
图片是xxx.jpg 则生成的图片名是1481270167.jpg
如果图片 是xxx.png 则生成的图片名是1481270167.png
这两种我试过了，其他的我没有试
第三步-获取Key使用ajax
将获取到的的base64图片和图片名传给t.php
t.php的代码
这里有三个需要自己填写的值 我们需要去到七牛的网站上获取
获取accessKey和 secretKey
这里有个bucket 获取的方法是你自己创建一个对象存储
获取bucket
然后写在对应的位置即可点击a.php总的选择文件 就可以自己上传了
提交成功后
画横线的部分就是上传图片的名字 我们去到内容管理中找到我们刚传的图片
找到刚传的图片
然后复制外链 就可以了下面是源码链接：http://pan.baidu.com/s/1o8yIIym 密码：xzei
网友评论