webuploader + oss 实例分享

webuploader + oss 百度不到可用实例,因为大家都太忙了,没时间分享。
你需要:
**1.下载webuploader
2.下载阿里云的官方示例:oss-h5-upload-js-php.zip
**

我把核心代码整理下(我自己测试过可以使用的):
**1.oss主要都是配置oss允许post跨域
2.webuploader主要都是配置:uploadBeforeSend
**

你自己根据 webuploader 官网示例
var expire=0;
    uploader = WebUploader.create({
        // 文件接收服务端。
        server: 'http://你的.oss-cn-区域.aliyuncs.com',
       .....
       .....
    });

uploader.on('uploadBeforeSend', function (obj, data, headers) {  


  // expire 过期才去获取下面的信息
      $.ajax({  
         type : "POST",  
         url : "oss-h5-upload-js-php/php/get.php",  
        timeout : 10000,  
        dataType:"JSON",
 
        success : function(obj2) {  
            

            data = $.extend(data,{
                        'key' : obj2.dir + '${filename}',//这里最好在后台处理好
                        'policy': obj2.policy,
                        'OSSAccessKeyId': obj2.accessid, 
                        'success_action_status' : '200', //让服务端返回200,不然,默认会返回204
                        //'callback' : obj2.callback,
                        'signature': obj2.signature,
                    });

 
        },  
        error : function(XMLHttpRequest, textStatus, errorThrown) {  
            alert("ajax error");  
        },  
       
        async : false 
    });  
    
    headers['Access-Control-Allow-Origin'] = "*";  
});

多人有需求,我再整理完整示例吧,忙去了
更多开源实例:http://leipi.org/

优秀的个人博客,低调大师

微信关注我们

原文链接:https://yq.aliyun.com/articles/526545

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

相关文章

发表评论

资源下载

更多资源
Mario,低调大师唯一一个Java游戏作品

Mario,低调大师唯一一个Java游戏作品

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Apache Tomcat7、8、9(Java Web服务器)

Apache Tomcat7、8、9(Java Web服务器)

Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由Apache、Sun 和其他一些公司及个人共同开发而成。因为Tomcat 技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web 应用服务器。

Java Development Kit(Java开发工具)

Java Development Kit(Java开发工具)

JDK是 Java 语言的软件开发工具包,主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心,它包含了JAVA的运行环境(JVM+Java系统类库)和JAVA工具。

Sublime Text 一个代码编辑器

Sublime Text 一个代码编辑器

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。