Skip to content

kimffy24/fileUploadCrossDomain

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

简介 :


跨域ajax文件上传,目前版本只能一次上传一个文件。
使用Html5的postMessage提供跨域之间的消息传递。
注意console里面的输出调整项目。

测试设置 :

把setting.nginx.conf配置加入到nginx的配置里面
修改nginx配置把root指向当前的目录,即跟这个ReadMe.md同级的目录
设置 /etc/hosts 加入一下

127.0.0.1 file.domain.xyz dev.domain.com

其中dev.domain.com为测试业务域名
file.domain.xyz为文件存储服务提供者的域名
启动nginx
访问http://dev.domain.com/test/demo.php

加载方法 :

1.业务页面中先加载Jquery库
2.在JQuery的加载代码后面放入

<script type="text/javascript">
    var storageHost="file.domain.xyz";
    $.getScript(storageHost+"/utils/upload/v1/embedded.js",function(){});
</script>

其中storageHost填入文件存储服务提供者的域名,这里是file.domain.xyz,storageHost也是embedded.js里面需要用到的变量,因此他的名字不能更改。

对指定标签绑定click事件 :

$("#inputId").click(function(){superUpload('inputId');});
默认回调函数只更改传递的标签inputId的value值为upload.php的返回值。

eg:
    $("#preview1").click(function(){
        superUpload(this.id);
    });
    //其中superUpload为默认可用的回调函数
    //更新服务器返回的值到对应的input#id的value属性中

参考/test/demo.php写法

扩展 :

setUploadCallbackFunction(callback) 可设置自定义回调函数
需在绑定的click事件触发之前执行;

About

ajax跨域文件上传,尝试统一文件中心

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published