阿里云 OSS 上传插件-aliossUploader

分享 已结
22 351
雨时节
雨时节 2019-4-10
悬赏:20飞吻
组件主页: https://fly.layui.com/extend/aliossUploader/

组件使用说明:
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要设置POST跨域, 不然浏览器上传文件不会成功

更多详细内容参见我的个人博客网站 :
https://blog.coder666.cn/2019/04/10/blog27/
或者我的博客小程序:

回帖
  • @雨时节

    1、此处res返回的是字符串,需要转成对象(不知道是不是我返回文件的头不对)


    2、打开界面,未选择文件就点击上传没提示,会一直loading界面;


    3、上传完成后,控制台返回xml解析(这个我不知道是oss问题还是js问题)


    辛苦作者大大[嘻嘻] [嘻嘻] [嘻嘻]
    0 回复
  • 请教一下
    回调我使用官方的web直传php回调示例,能成功返回签名

    js代码内
    先获取police信息
    请求签名是ture,但successStatus永远是false

    successStatus手动true了
    res.data is undefined

    是为什么?
    1 回复
  • 哈。。自己找到了。。。看了看没发现

    res是字符串。。。
    1 回复


  • 另外就是在返回内容的时候,只返回第一个文件的内容
    0 回复
  • 雨时节
    2019-4-10
    这个问题...我马上看看...
    请稍等...
    0 回复
  • 雨时节
    2019-4-11
    问题已经修复,请下载新版
    修复多文件上传只上传一个文件的问题,修复多文件上传后,再继续选择文件上传时无法上传的BUG,修复单文件上传与多文件上传在同一个页面中会进入同一个成功回调的问题.
    另外.感谢反馈问题,
    [鼓掌]
    0 回复
  • 雨时节
    2019-4-11
    今天有事。。。明天,第二个问题我会解决。
    第一个问题应该没有吧?我源码封装好了呀
    第三个问题,上传完成后返回的是json的数组呢。
    0 回复
  • @mryue91 您好 可以提供一下后台的代码吗?
    0 回复
  • @死也要争第一 我是php的,你上阿里云有个web直连示例,下那个例子就好了
    0 回复
  • @死也要争第一 后台代码,例子很多的。阿里云上都有示例的呢。
    0 回复