zoukankan      html  css  js  c++  java
  • 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

      

  • 相关阅读:
    HDU 3507 PrintArticle (单调队列优化)
    BZOJ 1911 (特别行动队)
    POJ 3709 K-Anonymous Sequence (单调队列优化)
    邓_php面试【002】——完整版
    邓_正则表达式
    邓_PHP面试2
    邓_PHP面试【001】
    网站大全
    Jquery 获取对象的几种方式介绍
    邓_Jquery测试题
  • 原文地址:https://www.cnblogs.com/muamaker/p/10191193.html
Copyright © 2011-2022 走看看