手机上传图片

mobile-upload

手机上传图片 例子见DEMO

用法

<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提交时使用

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。