在vue框架中使用oss直傳，前端直接調oss介面，服務端直接將所有檔案存在同乙個目錄下（提高效率），之所以網頁上看到有資料夾的區分，是因為根據前端命名方式（一般是自定義資料夾名字加檔案名字加時間搓）來製造有資料夾區分的效果，這個命名可以理解成是這個檔案的唯一標識。傳給後端的時候直接把這個命名傳入即可。
1.在阿里雲新建配置跨域規則（header嫌麻煩配置成*即可，如不配置會產生跨域問題）
2.引入sdk-js
3.1 如何上傳
region: _this.region,
accesskeyid: '',//填入自己的id
accesskeysecret: '',//填入自己的id
bucket: _this.bucket
})
client.multipartupload('重新命名後的名字','檔案內容',）region: _this.region,
accesskeyid: '',
accesskeysecret: '',
bucket: _this.bucket
});var signurl = client.signatureurl(random_name, );
需要先去去獲取許可權（證明你有許可權訪問這張）
://bucket./object?x-oss-process=image/action,parame_value
上傳進度：}
}
vue前端oss直傳 formdata方式
備註 此上傳方式為input type file 方式，非element upload，如有element上傳需求，請參照後篇antd的oss上傳 html部分 js部分 獲取policy getpolicyinfo then res imgupload event return false ind...
前端直傳oss
業務 使用oss更能，前端直接上傳，可以顯示上傳進度 首先需要配置oss，文件中給出了事例 登入oss管理控制台。單擊bucket列表，之後單擊目標bucket名稱。單擊許可權管 跨域設定，在跨域設定區域單擊設定。單擊建立規則，配置如下圖所示。解壓事例之後，可以在demo體驗，採用了plupload...
ueditor 前端直傳OSS
從後端獲取 簽名 參照 格式如下 修改單檔案上傳部分 開啟 ueditor.all.js 定位到大概24579行,遮蔽掉如下 domutils.on iframe,load callback form.action utils.formaturl imageactionurl imageaction...