mobile-upload

手机上传图片

用法

    <button id="btn_upload">upload</button>
    <script src="../src/jquery-1.9.1.min.js"></script>
    <script src="../src/mobile-upload.js"></script>
    <script>
    var upload = new Mobile_upload();
    upload.init({target:$('#btn_upload'),multiple:true,callback:function(result,name,postName){
        $('body').append('<img src="'+result+'"/><input type="hidden" name="'+postName+'"/>');
    }});
    </script>

或者

    <script src="../src/jquery-1.9.1.min.js"></script>
    <script src="../src/mobile-upload-jquery.js"></script>
    <button class="mobile-upload">upload</button>
    <script>
    $(function(){
        $('.mobile-upload').Mobile_upload({multiple:true,callback:function(result,name,postName){
            $('body').append('<img src="'+result+'"/><input type="hidden" name="'+postName+'"/>');
        }});
    });
    </script>

**新增返回时直接ajax提交数据到后台 **

属性和方法

属性

target:

    上传的对象结点(jquery方式调用的为它本身)

multiple:

    是否上传多张

方法

callback:function(result,name,postName)

    上传完成后的回调,参数result是返回图片数据,name是文件名,postName是隐藏input的name,方便form提交时使用

其它组件推荐

源码在github上托管,请尽量到github上下载最新代码!也可以提交Issues. 如果您发现demo无法使用时,请多刷新几次,可能是js文件没有加载成功。