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