多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
#### 自动提交form表单 * input元素file属性,选中文件自动提交,使用ajax异步处理。 这个没有演示 ~~~ <!--1.HTML部分--> <form id="addimg" enctype="multipart/form-data"> <input type="file" name="img" id="suibian"> <input type="hidden" name="d_id" value="{$chatObject.user_id}" /> </form> ~~~ <br> ~~~ //JS部分 $('#suibian').change(function() { $("#addimg").ajaxSubmit({ type: "post", //提交方式 dataType: "json", //数据类型 url: "{:U('User/upphoto')}", //请求url success: function (data) { //提交成功的回调函数 if (data.status == 1) { console.log(data);//输出data的信息 $('#jjjj').append('<div id="shi" class="message ng-scope me"><div class="message_system ng-scope"></div><img class="avatar" src="/template/mobile/new/static/images/user68.jpg"><div class="content"><div class="bubble js_message_bubble ng-scope bubble_primary right"><div class="bubble_cont ng-scope"><div class="picture"> <img class="msg-img" src="'+data.info+'" style="height: 113px; width: 150px;"><i class="arrow"></i></div></div> </div> </div> <div class="mtime"><i class="iconfont icon-biao"></i><span>刚刚</span></div></div>');//向页面追加一段代码,显示效果 } else { alert(data.info); } } }); }); ~~~ <br> * 插件已上传至QQ群,需要的朋友可以加群一起交流:418888747。