图片上传七牛token失效

JavaScript011

图片上传七牛token失效,第1张

由于公司后台web需要兼容到 IE8 ,对上传图片的模块进行了修改,本来是运用 h5自带的 上传文件方法,但是在 IE8,9 中原生js不支持 input=file ,所以参照了七牛提供的上传方法。

图片上传到七牛需要先获取 token ,开始时没有想到token会失效的问题,通过QA测试发现偶尔会报 七牛Post 401的错误。 今在七牛上传提供方法err的时候在调用一次获取token的方法。

流程:七牛云后台的对象存储功能,nodejs后台生成七牛云的token,前端利用elementUI/ice的upload组件,文件名和token作为参数请求到七牛云后台。

配置已经完成,写接口用的是express,koa同理,主要做法是先接收前端的图片流转换成图片写入本地image文件中,然后再存储到七牛云,再将本地生成的图片删除,需要新建一个image文件夹

首先我们先登录阿里旺旺账号,在阿里旺旺面板的下方有一个“淘”字样,单击该按钮。

单击“淘”按钮,会下拉很多选项,在下拉的选项里,我们单击图片空间按钮。

单击图片空间会跳到如图所示页面,这时我们单击菜单栏里的“图片上传”按钮。

单击“图片上传”按钮会出现如图所示,这时我们点击添加图片按钮。点击之后会弹出第二个图的对话框,这时我们选择好要上传的图片,选择好后单击下方的“选好了”按钮。

单击之后会弹出如图对话框,这时我们单击下方的立即上传按钮,点击之后就会弹出第二个图片所示对话框。

在弹出的对话框里,我们单击完成按钮,页面会跳到如图所示,这时我们可以看到刚才的图片已经在图片空间里了。