1. 程式人生 > >node 七牛雲圖片上傳

node 七牛雲圖片上傳

ajax ast ucc div 原來 () nod 建表 options

後端代碼

//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 七牛雲圖片上傳