靠近阿里云---圖片上傳（1）

JellyBool 發(fā)布于2019-08-23 12:31 / 3283人閱讀

摘要：前端項(xiàng)目，基于框架實(shí)現(xiàn)阿里云圖片上傳單張安裝依賴包編寫后端提供數(shù)據(jù)直接使用使用的直傳完。

前端項(xiàng)目，基于vue框架實(shí)現(xiàn)阿里云圖片上傳(單張)

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"
    }) //后端提供數(shù)據(jù)
    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
完。

云服務(wù)器阿里云上傳圖片阿里云圖片上傳api ios阿里云oss上傳圖片阿里云服務(wù)器上傳圖片

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/98648.html

相關(guān)文章

靠近阿里云--視頻點(diǎn)播

摘要：在使用做前端項(xiàng)目需求視頻直傳阿里云服務(wù)器參考文檔阿里云官方導(dǎo)入官方的事件獲取上傳權(quán)限采用上傳方式，后臺獲取相關(guān)權(quán)限去上傳去上傳獲取視頻信息得到視頻封面圖片獲取視頻信息正在獲取縮略圖這里加定時器，等待響應(yīng)下面是設(shè)置上傳進(jìn)度分片大小在使用vue做前端項(xiàng)目需求視頻直傳阿里云服務(wù)器參考文檔（阿里云官方）https://help.aliyun.com/docum... 導(dǎo)入官方sdk in...

RdouTyping 2019-08-23 12:31 評論0 收藏0
一文帶你讀懂邊緣計(jì)算是什么

摘要：各企業(yè)機(jī)構(gòu)目前普遍有一個新的需求，即跨廣域網(wǎng)使用云功能，并在網(wǎng)絡(luò)邊緣進(jìn)行微小化部署。認(rèn)為，邊緣計(jì)算描述的是一種計(jì)算拓?fù)洹? 最近，有越來越多的公司開始使用跨多個站點(diǎn)和網(wǎng)絡(luò)的分布式基礎(chǔ)設(shè)施，以實(shí)現(xiàn)云計(jì)算體系結(jié)構(gòu)的簡化管理和靈活性。各企業(yè)機(jī)構(gòu)目前普遍有一個新的需求，即跨廣域網(wǎng)使用云功能，并在網(wǎng)絡(luò)邊緣進(jìn)行微小化部署。盡管這樣的運(yùn)營模式還處于早期階段，但許多新出現(xiàn)的用例和場景將從這樣的分布式基礎(chǔ)...

dadong 2019-06-28 17:07 評論0 收藏0
SpringBoot 整合阿里云OSS 存儲服務(wù)，快來免費(fèi)搭建一個自己的圖床

摘要：筆主很早就開始用阿里云存儲服務(wù)當(dāng)做自己的圖床了。阿里云對象存儲文檔，本篇文章會介紹到整合阿里云存儲服務(wù)實(shí)現(xiàn)文件上傳下載以及簡單的查看。 Github 地址：https://github.com/Snailclimb/springboot-integration-examples(SpringBoot和其他常用技術(shù)的整合,可能是你遇到的講解最詳細(xì)的學(xué)習(xí)案例,力爭新手也能看懂并且能夠在看完...

鄒強(qiáng) 2019-08-16 13:56 評論0 收藏0
整合百度UEditor上傳圖片到阿里云OSS

摘要：前言將圖片上傳到阿里云是一種趨勢，一個必然。如果直接把圖片上傳到阿里云是比較簡單的，應(yīng)該很多人都懂，但是用百度上傳圖片到阿里云，就沒那么簡單了，所以我感覺還是有必要寫這篇文章分享出來，給有需要的人。前言將圖片上傳到阿里云OSS是一種趨勢，一個必然。當(dāng)你的項(xiàng)目圖片過多，需要頻繁上傳和替換的時候，用阿里云OSS可以很方便的管理你的圖片，節(jié)省服務(wù)器空間，大大提高了效率。阿里云OSS是阿里...

suosuopuo 2019-06-28 13:46 評論0 收藏0