#### 自动提交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。