靠近阿里云---图片上传（1）

JellyBool 发布于2019-08-23 12:31 / 3286人阅读

摘要：前端项目，基于框架实现阿里云图片上传单张安装依赖包编写后端提供数据直接使用使用的直传完。

前端项目，基于vue框架实现阿里云图片上传(单张)

1.安装依赖包

npm install ali-oss

2.编写alioss.js

var OSS = require("ali-oss")
export function client() {
    var client = new OSS({
        region: "oss-cn-beijing",
        accessKeyId: "LTAIDZ8c2xxx",
        accessKeySecret: "yXOfrXPiuywxxxxx",
        bucket: "judian-image"
    }) //后端提供数据
    return client
}

3.直接使用

import { client } from "utils/alioss"
...
methods: {
    // 使用vant的
    onReadImg(file) {
        this.hrefObj.link_img = file.content
        file = file.file
        var fileName = `${new Date().getTime()}href_${file.name}`
        // ali oss直传
        client().put(fileName, file).then(
              result => {
                   console.log(result)
                   this.hrefObj.link_img = result.url
        })
   }
}

2018-10-24
完。

云服务器阿里云上传图片阿里云图片上传api ios阿里云oss上传图片阿里云服务器上传图片

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98648.html

靠近阿里云--视频点播

摘要：在使用做前端项目需求视频直传阿里云服务器参考文档阿里云官方导入官方的事件获取上传权限采用上传方式，后台获取相关权限去上传去上传获取视频信息得到视频封面图片获取视频信息正在获取缩略图这里加定时器，等待响应下面是设置上传进度分片大小在使用vue做前端项目需求视频直传阿里云服务器参考文档（阿里云官方）https://help.aliyun.com/docum... 导入官方sdk in...

RdouTyping 2019-08-23 12:31 评论0 收藏0
一文带你读懂边缘计算是什么

摘要：各企业机构目前普遍有一个新的需求，即跨广域网使用云功能，并在网络边缘进行微小化部署。认为，边缘计算描述的是一种计算拓扑。最近，有越来越多的公司开始使用跨多个站点和网络的分布式基础设施，以实现云计算体系结构的简化管理和灵活性。各企业机构目前普遍有一个新的需求，即跨广域网使用云功能，并在网络边缘进行微小化部署。尽管这样的运营模式还处于早期阶段，但许多新出现的用例和场景将从这样的分布式基础...

dadong 2019-06-28 17:07 评论0 收藏0
SpringBoot 整合阿里云OSS 存储服务，快来免费搭建一个自己的图床

摘要：笔主很早就开始用阿里云存储服务当做自己的图床了。阿里云对象存储文档，本篇文章会介绍到整合阿里云存储服务实现文件上传下载以及简单的查看。 Github 地址：https://github.com/Snailclimb/springboot-integration-examples(SpringBoot和其他常用技术的整合,可能是你遇到的讲解最详细的学习案例,力争新手也能看懂并且能够在看完...

邹强 2019-08-16 13:56 评论0 收藏0
整合百度UEditor上传图片到阿里云OSS

摘要：前言将图片上传到阿里云是一种趋势，一个必然。如果直接把图片上传到阿里云是比较简单的，应该很多人都懂，但是用百度上传图片到阿里云，就没那么简单了，所以我感觉还是有必要写这篇文章分享出来，给有需要的人。前言将图片上传到阿里云OSS是一种趋势，一个必然。当你的项目图片过多，需要频繁上传和替换的时候，用阿里云OSS可以很方便的管理你的图片，节省服务器空间，大大提高了效率。阿里云OSS是阿里...

suosuopuo 2019-06-28 13:46 评论0 收藏0