node 七牛雲圖片上傳
阿新 • • 發佈:2018-12-28
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 七牛雲圖片上傳