layui 第三方組件平臺(tái)

返回首頁(yè) 發(fā)布組件

封裝了一個(gè)單文件,多文件上傳至阿里云 OSS 對(duì)象存儲(chǔ)的工具,簽名前端請(qǐng)求后端來(lái)獲得,需要后端來(lái)配合.

更新:2019-4-12 創(chuàng)建:2019-4-10

文檔

組件使用說(shuō)明:
layui.config({
base: './js/'
}).extend({
aliossUploader: 'aliossUploader'
}).use(['aliossUploader'], function() {
var aliossUploader = layui.aliossUploader;
aliossUploader.render({
elm:'#uploadMore',
fileType:'images',
multiple:true,
layerArea:['800px','500px'],
layerTitle:'上傳文件到阿里云OSS',
policyUrl:'https://www.xcors.cn/pop/api/alioss/policy',
policyData:{},
policyHeader:{
Authorization:layui.data('XCORS').Authorization
},
codeFiled:'code',
codeStatus:0,
policyMethod:'GET',
accessidFiled : 'accessid',
policyFiled : 'policy',
signatureFiled : 'signature',
httpStr:'https',
region:'oss-cn-shanghai',
bucket: 'xcors',
prefixPath:'coordtrans/',
allUploaded:function(res){
layer.msg(JSON.stringify(res));
},
policyFailed:function(res){
layer.msg(JSON.stringify(res));
},
uploadRenderData:{
size:100
}
});
});
效果圖:


需要注意:
1.簽名需要請(qǐng)求后端
2.阿里OSS要設(shè)置POST跨域, 不然瀏覽器上傳文件不會(huì)成功

更多詳細(xì)內(nèi)容參見我的個(gè)人博客 :
https://blog.coder666.cn/2019/04/10/blog27/

已知發(fā)現(xiàn)的BUG,已于2019-04-12晚上修復(fù),請(qǐng)大家放心使用.

下載

立即下載 去 GitHub 下載
該擴(kuò)展組件由第三方用戶主動(dòng)投遞,并由其自身進(jìn)行維護(hù),本站僅做收集。