当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

oss-upload-nodejs

授权协议 Apache-2.0 License
开发语言 JavaScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 不详
投 递 者 越琦
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

oss-upload-nodejs

基于node.js和oss的单文件上传Demo。如何运行这个Demo?

  • 后端:backend目录
npm install
npm start
  • 前端:webfront目录
npm install
npm run dev

单个图片上传页面,上传后显示图片预览

阿里云OSS服务端签名后直传

我们都知道,采用JS客户端直接签名,OSSAccessId和AccessKeySecret暴露在前端页面,可以被轻易获取,存在严重安全隐患。这里提供了一种使用阿里云OSS服务器端签名后直传,避免这种危险的方法。由于阿里云OSS开发文档只提供了Java,PHP,Python和Go语言的例子,本Demo在此提供一个以Node.js作为后端的例子,供大家参考。


请求逻辑:

  1. 客户端要上传图片时,到应用服务器取上传的policy及签名(signature)
  2. 应用服务器返回上传policy和signature
  3. 客户端拿到了签名后,直接上传到OSS

目前支持

chrome, firefox浏览器,其他浏览器还未全面测试,欢迎大家测试后在Issues里反馈。

使用

配置OSS

  1. 进入阿里云管理控制台 --> 对象存储OSS
  2. 新建Bucket
  3. Bucket属性 --> 跨域设置:

查看自己的AccessKey

点击显示,会弹出短信验证窗口,验证后即可显示出你的AccessKeySecret

后端配置文件

backend/src/config/development/app.js

module.exports = {
  port: 3602,
  oss: {
    OSSAccessKeyId: '【这里填你阿里云的Access Key ID】',
    secret: '【这里填你阿里云的Access Key Secret】',
    host: 'http://cqq.oss-cn-shenzhen.aliyuncs.com' //改为你自己阿里云OSS的外网域名
  }
}

技术栈

欢迎Start,欢迎Pull Requests

  • oss-js-upload 目前不再维护 简介 支持在在浏览器端直接上传文件到阿里云 OSS. 注意, 从 0.2.0 版本开始, 将基于 aliyun sdk js 开发. 请注意 demo.html 中的变化. 目前已经支持: ie10及以上 ie 浏览器, 以及其他主流浏览器(还未全面测试) 支持使用阿里云 STS 临时 Token 支持文件上传 md5 校验, 保证调用的安全性. 文件分块

  • oss-js-upload 目前不再维护 简介 支持在在浏览器端直接上传文件到阿里云 OSS. 注意, 从 0.2.0 版本开始, 将基于 aliyun sdk js 开发. 请注意 demo.html 中的变化. 目前已经支持: ie10及以上 ie 浏览器, 以及其他主流浏览器(还未全面测试) 支持使用阿里云 STS 临时 Token 支持文件上传 md5 校验, 保证调用的安全性. 文件分块

  • 1.开通服务并获取配置 通过 对象存储OSS 购买服务后 ,该步骤主要配置 region、bucket ,再通过 AccessKey管理 获取到服务 accessKeyId、accessKeySecret ,即得到如下信息: { "region": "region", "bucket": "bucket", "AccessKey": "AccessKey", "accessKeyS

  • /*  * @Descripttion:   * @version:   * @Author: sueRimn  * @Date: 2020-07-07 11:33:19  * @LastEditors: sueRimn  * @LastEditTime: 2020-07-09 16:06:53  */ var express = require('express'); var router = 

  • 关于如何上传图片到ali-oss,网上和官方给的方法都有很多,我这里采用的是服务器端签名后,前端直传。这种方法一方面不会对服务器产生压力,另一方面,因为是获取签名上传,key 和 secret不会暴露,所以保证了安全性。 官方给的代码示例中没有node版本的 我这里后端用的是node中的egg框架开发的,前端使用vue+element-ui 代码如下: 1、node服务器端 主要是生成这两个字段。

 相关资料
  • 以下示例说明如何在使用Spring Web MVC框架的表单中使用文件上载控件。 首先,让我们使用一个可用的Eclipse IDE,并遵循以下步骤使用Spring Web Framework开发基于动态表单的Web应用程序。 步 描述 1 在Spring MVC - Hello World章节中解释,在com.wenjiangs包下创建一个名为HelloWeb的项目。 2 在com.wenjian

  • 云存储模块 是什么 本模块用于上传文件,暂支持「阿里云」与「七牛云」两种云存储。 配置 模块安装后,需要配置一些参数,包括AK(AccessKey),SK(AccessKeySecret),阿里云的 endpoint,以及 七牛云的 domain。 阿里云 阿里云的设置比较繁琐,建议直接阅读官方文档 官方文档:https://help.aliyun.com/document_detail/3193

  • OSS Browser 是阿里云开发的图形化管理工具。它提供了类似于 Windows 资源管理器的功能。使用 OSS Browser,您可以轻松查看、上传、下载和管理项目。 本工具使用开源框架 Angular 1.x + Electron制作。 Electron 框架可以让你使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序。它是基于 node.js 和 Chromium

  • Pseis-OSS 是个开源的并行地震数据处理软件, 使用 Fortran 和 C 开发。支持格式有 SEGY, SU, SEPlib, USP, Madagascar。

  • oss-server 对象存储系统(Simple OSS Server) 项目介绍 oss-server是针对项目开发时提供的小型对象存储系统,开发者在针对文件上传时业务剥离,同时方便文件迁移,为满足单个项目,多个系统的情况下,提供统一的oss服务 oss-server主要提供功能: 上传功能 文件在线管理功能(包括文件的预览、内部上传、删除、更名) 权限管理(上传api权限用户维护、oss-se

  • OSS-Fuzz OSS-Fuzz 能够针对开源软件进行持续的模糊测试,它的目的是利用更新的模糊测试技术与可拓展的分布式执行相结合,提高一般软件基础架构的安全性与稳定性。OSS-Fuzz 结合了多种模糊测试技术/漏洞捕捉技术(即原来的libfuzzer)与清洗技术(即原来的 AddressSanitizer),并且通过 ClusterFuzz 为大规模可分布式执行提供了测试环境。 过程概述 以下过