Watch Star Fork

deeka / iframeuploadJavaScriptApache-2.0

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
iframeupload是通過iframe實現的無刷新上傳jQuery插件,簡單、易用、靈活。
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md 2.84 KB

iframeupload

iframeupload是通過iframe實現的無刷新上傳jQuery插件,簡單、易用、靈活。

作者

喵了个咪

版本

v1.3.3

調用

html:

<img class="iframeupload" src="#" />

javascript:

$('img.iframeupload').iframeUpload({
    action: 'upload.php',
    name: 'uploadfile',
    allowTypes: ['jpg', 'png', 'gif'],
    onChange: function(file, ext){
        // ...
    },
    onSubmit: function(file, ext){
        // ...
    },
    onComplete: function(file, response){
        // ...
    },
    onError: function(error){
        // ...
    }
});

參數

action

類型:string
說明:提交上傳地址,可通過html屬性action定義
默認:upload.php
例子:

<img class="iframeupload" action="/uploadImg.php" />

name

類型:string
說明:提交文件input名稱,可通過html屬性name定義
默認:uploadfile
例子:

<img class="iframeupload" name="uploadphoto" />

multiple

類型:bool
說明:是否使用批量上傳,name會自動識別轉為name[]格式,可通過html屬性multiple定義
默認:false
例子:

<img class="iframeupload" multiple="1" />

allowTypes

類型:array/string
說明:允許文件類型,可通过html属性定义allowTypes
默認:[]
例子:

<img class="iframeupload" allowTypes="jpg,gif,png" />

data

類型:object
說明:附加參數,可通過html屬性data-xx定義
默認:{}
例子:

<img class="iframeupload" data-id="1" data-other="other" />

dataType

類型:string
說明:返回數據類型,json或空
默認:'json'

onChange

類型:function
說明:文件被選擇後回調方法
默認:function(file, ext){}

onSubmit

類型:function
說明:文件被提交後回調方法
默認:function(file, ext){}

onComplete

類型:function
說明:文件上傳成功後回調方法
默認:function(file, response){}

onError

類型:function
說明:選擇非法類型後回調方法
默認:function(error){}

更新说明

1.3.3

增加 支持html属性定义参数
增加 支持批量上传
修正 allowTypes为空不能正常上传的问题
优化 allowTypes参数支持string格式
增加 支持同步发布

1.3.2

增加 生成随机字符串
优化 同一个页面多次调用逻辑
优化 代码架构,每个el生成独立的form

1.3.1

增加 addEvent方法,解决无法绑定iframe事件问题

项目点评 ( 0 )

你可以在登录后,发表评论

11_float_left_people 11_float_left_close