jaUpload

文件异步上传后路径回填表单服务端可以是使用自己熟悉的语言写的客户端 或 其它第三方， 如: 七牛。代码使用 JavaScript编写，未使用jQueryZepto 等其它第三方的额 JS 库。

七牛上传 DEMO

使用

引入

<script src="/admin/ja.upload.js"></script>

HTML 代码结构

<div class="form-group">
    <label>图片</label> <!-- 使用 data-upload 定义 配置 --> <input type="text" class="form-control" data-upload="{&quot;type&quot;:&quot;image&quot;}" /> 
</div>

JS 调用代码

jaUpload('.form-control', {/* 公用配置 会被 input data-upload 覆盖 */});

可用参数

DEMO

Yii2 框架使用 yiidoc/yii2-redactor 上传的配置

{
    url: '*****', // 配置的 yii2-redactor 上传地址
    value: 'filelink'
}

使用 七牛 上传的配置

{
    // 上传地址
    url: 'http://up-z2.qiniu.com/',
    // 表单附加数据 这里 用作 七牛认证
    data: {
        key: '{date}-{U}-{name}',
        token: '' // 七牛 token
    },
    // 上传完成后返回数据的处理
    value: function(a, d){
        var _u = 'http://oo5fdwvf6.bkt.clouddn.com/'+a.key;
        if(_img = d.parentNode.querySelector('img')){
            _img.src = _u;
        }
        return _u;
    }
});