首页 > Web开发 > 详细

node 七牛云图片上传

时间:2018-12-28 16:20:26      阅读:182      评论:0      收藏:0      [点我收藏+]

后端代码

//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

 

  

node 七牛云图片上传

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!