nodejs 图片上传接口实现

噫吁嘻嘻嘻嘻

已于 2022-11-08 11:29:15 修改

阅读量1k

点赞数 1

分类专栏：我的毕设项目问题记录文章标签：阿里云 node.js 七牛云

于 2022-11-07 10:49:38 首次发布

本文链接：https://blog.csdn.net/Wu_JingYi0829/article/details/127725679

版权

我的毕设项目问题记录专栏收录该内容

8 篇文章 0 订阅

订阅专栏

最开始我使用的是阿里云接口都写好了结果发现他要收费后选用七牛云

云存储：阿里云和七牛的比较

上传图片接口两种方法

阿里云OSS
七牛云对象存储

阿里云OSS

node OSS参考文档

0.前期准备

建空间

获取accessKeyId，accessKeySecret
在这里插入图片描述

1.安装依赖

npm i ali-oss --save
npm i path --save

2.上代码

upload.js

var express = require("express");
const upload_handler = require("../router_handler/uploadHandler");
const multer = require("multer");
var router = express.Router();

 router.post(
   "/upload",
   multer({
     //设置文件存储路径
     dest: "public/image",
   }).array("file", 1),
   upload_handler.upload
 );
module.exports = router;

uploadHandler.js

let OSS = require("ali-oss");
const path = require("path");
const fs = require("fs");
let client = new OSS({
  // yourRegion填写Bucket所在地域。以华东1（杭州）为例，Region填写为oss-cn-hangzhou。
  region: "",
  // 阿里云账号AccessKey拥有所有API的访问权限，风险很高。强烈建议您创建并使用RAM用户进行API访问或日常运维，请登录RAM控制台创建RAM用户。
  accessKeyId: "",
  accessKeySecret: "",
  bucket: "",
  secure: true, //开启https
});
const headers = {
  // 指定该Object被下载时网页的缓存行为。
  // 'Cache-Control': 'no-cache',
  // 指定该Object被下载时的名称。
  // 'Content-Disposition': 'oss_download.txt',
  // 指定该Object被下载时的内容编码格式。
  // 'Content-Encoding': 'UTF-8',
  // 指定过期时间。
  // 'Expires': 'Wed, 08 Jul 2022 16:57:01 GMT',
  // 指定Object的存储类型。
  // 'x-oss-storage-class': 'Standard',
  // 指定Object的访问权限。
  // 'x-oss-object-acl': 'private',
  // 设置Object的标签，可同时设置多个标签。
  // 'x-oss-tagging': 'Tag1=1&Tag2=2',
  // 指定CopyObject操作时是否覆盖同名目标Object。此处设置为true，表示禁止覆盖同名Object。
  // 'x-oss-forbid-overwrite': 'true',
};
upload = (req, res) => {
  // 文件路径
  var filePath = "./" + req.files[0].path; 
  // 文件类型
  var temp = req.files[0].originalname.split("."); 
  var fileType = temp[temp.length - 1]; 
  var lastName = "." + fileType; 
  // 构建图片名
  var fileName = Date.now() + lastName; 
  // 图片重命名
  fs.rename(filePath, "./public/image/" + fileName, async (err) => {
    if (err) {
      return "";
    } else {
      var localFile = "./public/image/" + fileName;
      var key = fileName; 
      try {
        // 填写OSS文件完整路径和本地文件的完整路径。OSS文件完整路径中不能包含Bucket名称。
        // 如果本地文件的完整路径中未指定本地路径，则默认从示例程序所属项目对应本地路径中上传文件。
        const result = await client.put(key, path.normalize(localFile)); 
        // const result = await client.put('exampleobject.txt', path.normalize('D:\\localpath\\examplefile.txt'), { headers });
        fs.unlink(localFile, function () {});
        res.send({
          status: 0,
          message: "上传图片成功！",
          data: result.url,
        });
      } catch (e) {
        console.log(e);
      }
    }
  });
};

3.接口测试

在这里插入图片描述

七牛云对象存储

0.前期准备

建空间
在这里插入图片描述
域名（我暂时用的是测试域名）

自定义域名设置方法

AccessKey/SecretKey
在这里插入图片描述