中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當(dāng)前位置: 首頁 > news >正文

專業(yè)汽車網(wǎng)站seo日常工作都做什么的

專業(yè)汽車網(wǎng)站,seo日常工作都做什么的,怎么做自動發(fā)卡的網(wǎng)站,求個網(wǎng)站你知道的前端實現(xiàn)文件上傳到oss(阿里云)適用于vue、react、uni-app,獲取視頻第一幀圖片 用戶獲取oss配置信息將文件上傳到阿里云,保證了安全性和減輕服務(wù)器負擔(dān)。一般文件資源很多直接上傳到服務(wù)器會加重服務(wù)器負擔(dān)此時可以選擇上傳到oss&…

前端實現(xiàn)文件上傳到oss(阿里云)適用于vue、react、uni-app,獲取視頻第一幀圖片

用戶獲取oss配置信息將文件上傳到阿里云,保證了安全性和減輕服務(wù)器負擔(dān)。一般文件資源很多直接上傳到服務(wù)器會加重服務(wù)器負擔(dān)此時可以選擇上傳到oss,輕量型的應(yīng)用可以直接將文件資源上傳到服務(wù)器就行。廢話不多說,下面開始總結(jié)本人上傳到oss的踩坑之旅。

vue中使用

1、第一步,要注冊阿里云賬號,阿里云官網(wǎng)

2、安裝oss模塊:npm i ali-oss -D

3、在vue具體使用如下
a、引入模塊:import OSS from ‘a(chǎn)li-oss’
b、data中定義數(shù)據(jù)

data(){return{video_url:'',client:null,}
}

c、初始化OSS對象:

this.client = new OSS({region: '',//地域(在創(chuàng)建 Bucket 的時候指定的中心位置),這里可能不知道具體地域怎么填其實就是 oss-cn-中心位置 ,例:region:'oss-cn-chengdu',chengdu則是創(chuàng)建bucket是指定的位置成都。accessKeyId: '', //阿里云產(chǎn)品的通用idaccessKeySecret: '',//密鑰bucket: '' //OSS 存儲區(qū)域名
});

d、定義選取文件上傳到oss的方法

uploadFile(event){let file = event.target.files[0]if(!(/^\S+\.mp4$/.test(file.name))){return this.$message.error('請上傳視頻文件')}/*** 文件的類型,判斷是否是視頻*/let param = new FormData()param.append('file', file, file.name);console.log('開始上傳')this.put(file.name,file)
},

e、定義put方法上傳到阿里云

async put (name,file) {try {var fileName = new Date().getTime()+name;//object-name可以自定義為文件名(例如file.txt)或目錄(例如abc/test/file.txt)的形式,實現(xiàn)將文件上傳至當(dāng)前Bucket或Bucket下的指定目錄。let result = await this.client.put(fileName, file);this.video_url=result.url;//返回的上傳視頻地址//一下為生成圖片處理的簽名 URL t_1000表示第一秒視頻圖片,常用來作為視頻封面圖const imgRes = this.video_url+'?x-oss-process=video/snapshot,t_1000,f_jpg,w_0,h_0,m_fast';      } catch (e) {          console.log(e);}
},

可能遇到的問題:
1、跨域不能上傳成功:
跨域不能上傳成功里插入圖片描述
去阿里云配置域名,上傳服務(wù)器驗證

uni-app中使用(需要后端配合一下)

1、data定義數(shù)據(jù)

data() {return {ossData:{accessid: "",dir: "/uploads/202003/",expire: 1585653811,host: "",policy: "",signature: ""},fileInfo:null,}
},

2、定義選擇要上傳的視頻文件方法

selVideo(type){uni.chooseVideo({count: 1,maxDuration:15,compressed:false,success: (res) => {if(parseFloat(res.duration)>=16){return this.$toast('請選取小于15s的視頻!')}let tempFilePath = res.tempFilePath;this.fileInfo=res;if(!this.fileInfo){return}uni.showLoading({title:'上傳中...'})this.getOssSign(res.tempFilePath)	}							});
},

3、定義獲取服務(wù)器端返回oss配置方法

async getOssSign(path,type){let [e, data] = await this.$api.getOssSign();if (e) returnif (data.errNum === 200) {										this.ossData=data.result;	let fileName=new Date().getTime()+'app'+this.fileInfo.tempFilePath.substr(this.fileInfo.tempFilePath.length-6,)uni.uploadFile({url: this.ossData.host,  //后臺給的阿里云存儲給的上傳地址filePath: path,  fileType: 'video',name: 'file',formData: {key: fileName,  //文件名policy: this.ossData.policy,  //后臺獲取超時時間OSSAccessKeyId: this.ossData.accessid, //后臺獲取臨時IDsuccess_action_status: '200', //讓服務(wù)端返回200,不然,默認會返回204signature: this.ossData.signature //后臺獲取簽名},success: (res) => {console.log(res,fileName);uni.hideLoading();uni.showToast({title: '上傳成功',icon: 'success',duration: 1000});this.video=this.ossData.host+'/'+fileName;		},fail: (err) => {uni.hideLoading();uni.showModal({title: '上傳失敗',content: err.errMsg,showCancel: false});},complete:(com) => {console.log(com)}});				}else{this.$toast(data.errMsg);}
},
http://www.risenshineclean.com/news/38210.html

相關(guān)文章:

  • 做網(wǎng)站百度推廣多少錢客戶關(guān)系管理系統(tǒng)
  • 設(shè)計做網(wǎng)站哪家公司好短期培訓(xùn)班學(xué)什么好
  • 遼寧城鄉(xiāng)建設(shè)部網(wǎng)站首頁網(wǎng)站策劃是干什么的
  • 內(nèi)網(wǎng)小網(wǎng)站的建設(shè)廣州網(wǎng)站運營
  • 仿站能被百度收錄嗎招商外包
  • 主流網(wǎng)站開發(fā)軟件優(yōu)秀網(wǎng)站
  • 做二手車有哪些網(wǎng)站有哪些競價推廣代運營
  • 本地網(wǎng)站建設(shè)多少錢信息大全百度推廣怎么開戶
  • 素材下載網(wǎng)站源碼seo網(wǎng)絡(luò)推廣企業(yè)
  • 上海微網(wǎng)站公司實時熱搜
  • 北京市環(huán)境建設(shè)辦公室網(wǎng)站免費關(guān)鍵詞排名優(yōu)化軟件
  • 網(wǎng)站備案備的是域名還是空間企業(yè)培訓(xùn)有哪些方面
  • 深圳做網(wǎng)站哪家便宜微信小程序開發(fā)公司
  • 滄州wap網(wǎng)站制作企業(yè)推廣網(wǎng)
  • 小程序網(wǎng)站開發(fā)怎么樣谷歌廣告上海有限公司
  • 做外貿(mào)怎么打開國外網(wǎng)站亞馬遜關(guān)鍵詞搜索工具
  • 想自己做點飄紗素材到網(wǎng)站上買鄭州seo服務(wù)技術(shù)
  • 網(wǎng)站自助授權(quán)系統(tǒng)站長之家網(wǎng)站排名
  • 成立一個網(wǎng)站平臺要多少錢關(guān)鍵詞是怎么排名的
  • 品牌網(wǎng)站建設(shè)小科6a蚪湖北網(wǎng)絡(luò)推廣有限公司
  • 做網(wǎng)站要注意哪些長春網(wǎng)絡(luò)優(yōu)化最好的公司
  • 網(wǎng)站建設(shè)需要多大的空間百度數(shù)據(jù)庫
  • 網(wǎng)站搜索排名百度seo系統(tǒng)
  • 免費看電視劇的網(wǎng)站在線觀看seo免費診斷電話
  • 橙子建站落地頁制作郴州網(wǎng)站建設(shè)
  • 網(wǎng)站app簡單做軟文怎么寫
  • 北京價格微網(wǎng)站建設(shè)手機百度ai入口
  • 中英文網(wǎng)站asp怎么做搜狗搜圖
  • 網(wǎng)站建設(shè)頤高上海街保溫杯軟文營銷300字
  • 源代碼做的網(wǎng)站好用么百度開放云平臺