node 七牛云图片上传

后端代码

//https://portal.qiniu.com/user/key
var 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

  

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

时间: 2024-08-03 23:24:31

node 七牛云图片上传的相关文章

tp5.0整合七牛云图片上传

转:https://www.cnblogs.com/adobe-lin/p/7699638.html 这里以上传图片为例 上传其他文件也是大同小异 使用composer安装gmars/tp5-qiniu 安装成功则在vendor目录下多出一个目录 这个目录含有整合七牛云的所有类包等文件 控制器中添加upload方法 public function upload() { if(request()->isPost()) { $qiniu = new \gmars\qiniu\Qiniu('你的ak'

.NET Core项目----七牛云图片上传

在引用官方的qiniu.core的nuget是总是发生错误,错误如下,所以就在网上找到了一种解决方案,并稍微改进了一番, 以下是引用图: 第一步:引用nuget(是位大神写的,官方的qiniu.core用不了) 第二部:新建项目新建控制器视图.添加配置信息类和读取配置信息 配置信息类: public class QnySetting { public string qiniuyunAK { get; set; } public string qiniuyunSK { get; set; } pu

话说android端七牛图片上传

七牛图片上传业务流程如下图(这是官方的图): 由上图可知,要想实现图片上传,是要三端进行交互的(我刚刚开始以为只要七牛服务器跟客户端交互就行) 接下来步骤如下: 1.首先肯定是要有一个七牛的账号,并创建一个空间 2.客户端向业务服务器(也就是客户端的应用服务器)发请求你要上传多上张图片 3.业务服务器根据客户端的请求向七牛云存储生成token(应用的服务器下载好相应的七牛sdk然后根据接口文档所述向七牛服务器请求token,token相当于一把钥匙,具体代码我也不知道怎么实现,毕竟我不是写后台的

ASP.NET Core 简单实现七牛图片上传(FormData 和 Base64)

七牛图片上传 SDK(.NET 版本):https://developer.qiniu.com/kodo/sdk/1237/csharp UpoladService示例代码: public class UpoladService : IUpoladService {     private readonly static string[] _imageExtensions = new string[] { ".jpg", ".png", ".gif&quo

使用七牛云存储上传文件学习案例

最近学习了使用七牛云储存上传文件的经验过程,和大家分享一下.语言:C# 七牛云储存用户注册地址:https://portal.qiniu.com/signup?code=3lciek5byj2oi 起初看七牛云储存官方的开发文档,按照上面的说的进行配置的过程中,遇到了2个问题,一个是公司网络的问题(泪奔,网管拒绝了对七牛等云储存应用的上传的请求).另一个是开发文档中配置提示不够完善,也许是鄙人没有找到. 开发文档URL:http://developer.qiniu.com/docs/v6/sdk

七牛云存储文件上传与下载

"陪你"校园陌生人交友APP中使用了七牛云存储,因此关注了一下这个人气很高的公有云平台的使用.七牛使用K-V的方式存放文具.在上传文件的时候,需要保证文件名是唯一的,当然,也可以不提供文件名(key),系统会自动将文件的MD5作为key.但是有一个问题,这样的话,不同用户就不能够上传相同的图片了,因为HASH值是一样的,上传失败.七牛给了我们一套使用上传策略(PutPolicy)计算上传令牌(UploadToken)的方法,下载同样需要下载令牌.这些值都是通过七牛提供的AccessKe

七牛云文件上传助手

qiniuyun_upload_tools 最近写博客发现经常要上传图片到七牛云上去,每次打开网页登录然后上传感觉很慢,windows也没有一个好的上传工具,于是写了这样的一个工具. 效果 使用方法 下载程序包点击下载 解压后直接在config.json文件里面天上自己七牛云相关的信息. config { "access_key": "************", "secret_key": "***************"

node.js实现图片上传(包含缩略图)

图片上传 使用multiparty插件实现上传 安装multiparty npm i --save multiparty 代码实现 const multiparty = require('multiparty'); let form = new multiparty.Form({uploadDir: upload.path}); 构造参数说明 encoding 设置接收数据编码,默认是utf-8 maxFieldsSize 限制字段可以分配的内存量,默认2M maxFields 限制在发出错误事

引入七牛云js上传

云存储有很多种方式,这里介绍前端页面直接通过js上传的方式,应为这种方式页面友好,对浏览器压力也小 云存储也有很多好处: 1.释放服务器磁盘空间 2.减轻服务器磁盘IO压力 3.减轻服务器带宽压力 4.服务器故障无影响 遇到的坑: 1.bad uptoken 2.error:incorrect zone, please use up-z2.qiniu.com 3.怎样获取文件名 4.怎样设置上传路径 5.怎样获取外部链接 6.怎样获取上传进度 bad uptoken: 在官方文档里面,七牛要求服