分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

node 七牛云图片上传

发布时间:2023-09-06 02:27责任编辑:熊小新关键词:暂无标签

后端代码

//https://portal.qiniu.com/user/keyvar accessKey = ‘-xxx-QvPiZzXYWY9AuytTjgix‘; ?var secretKey = ‘-xxx‘;var mac = new qiniu.auth.digest.Mac(accessKey, secretKey);var options = { ?scope: "xxx" ?//存储空间的名字,创建的存储空间的时候,自己取的名字};var putPolicy = new qiniu.rs.PutPolicy(options);var uploadToken=putPolicy.uploadToken(mac);router.get(‘/qiniu‘, function(req, res, next) {res.json({putPolicy:putPolicy,uploadToken:uploadToken})});

其中,accessKey 和  secretKey  在 https://portal.qiniu.com/user/key页面查看

前端代码:

<input type="file" name="files" id="files" value="" />

  

$("#files").change(function(){var me = this;$.ajax({type:"get",url:"http://127.0.0.1:3000/qiniu",}).then(function(ret){var formData = new FormData(); // 构建表单数据 ???formData.append(‘token‘, ret[‘uploadToken‘]); // 设置accessid // ???formData.append(‘file‘, me.files[0]); // 设置文件 ???upload(formData)}).fail(function(f){console.log("f")});});function upload(formData){//http(s)://upload.qiniup.com$.ajax({ ???????url: ‘http://up-z2.qiniup.com‘, ???????type: ‘post‘, ???????data: formData, ???????contentType: false, ???????processData: false, ???????success: function (res) { ???????????console.info(res); ???????}, ???????error: function (error) { ???????????console.info(error); ???????} ???})}

  

上传成功后返回了文件的名称,不在是原来的名称

参考文档:https://github.com/qiniu/nodejs-sdk/blob/master/docs/nodejs-sdk-v7.md

  

node 七牛云图片上传

原文地址:https://www.cnblogs.com/muamaker/p/10191193.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved