layui 第三方組件平臺

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

封裝了一個單文件,多文件上傳至阿里云 OSS 對象存儲的工具,簽名前端請求后端來獲得,需要后端來配合.

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

文檔

組件使用說明:
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.簽名需要請求后端
2.阿里OSS要設(shè)置POST跨域, 不然瀏覽器上傳文件不會成功

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

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

下載

立即下載 去 GitHub 下載
該擴展組件由第三方用戶主動投遞,并由其自身進行維護,本站僅做收集。