html \u5982\u4e0b:<\/p>\n
<form class=\"form-horizontal\" role=\"form\" id=\"edit_population\">
\n\u65b0\u95fb\u6807\u9898 :<input type=\"text\" id=\"form-field-1\" name=\"news_title\" \u00a0placeholder=\"\u8bf7\u586b\u5199\u65b0\u95fb\u6807\u9898\" class=\"col-xs-10 col-sm-5\" \/><\/p>\n
\u6eda\u52a8\u56fe\u7247 :<input type=\"file\" name=\"news_picture\" id=\"id-input-file-2\" class=\"col-xs-10 col-sm-5\" \/>
\n<button class=\"btn btn-info\" type=\"button\" id=\"submit_this_form\">
\n<i class=\"icon-ok bigger-110\"><\/i> \u6dfb\u52a0
\n<\/button>
\n<\/form><\/p>\n
<\/p>\n
js \u5982\u4e0b:<\/p>\n
<script src=\"__PUBLIC__\/js\/jquery-1.10.2.min.js\"><\/script><\/p>\n
<script type=\"text\/javascript\">
\n$('#submit_this_form').click(function() {<\/p>\n
var formElement = $('#edit_population')[0];
\npostdata = new FormData(formElement);<\/p>\n
$.ajax({<\/p>\n
\nurl: \"{:U('Manage\/edit_news_data')}\",<\/p>\n
\ntype: \"POST\",<\/p>\n
\ndataType: 'json',<\/p>\n
\ndata: postdata,<\/p>\n
\ncontentType: false,<\/p>\n
\nprocessData: false,<\/p>\n
\nsuccess: function(data) {<\/p>\n
\nif (data.code == 'success') {<\/p>\n
\nalert('\u4e0a\u4f20\u6210\u529f');<\/p>\n
\n} else {<\/p>\n
\nalert('\u4e0a\u4f20\u5931\u8d25');<\/p>\n
\n}<\/p>\n
\n}<\/p>\n
\n});<\/p>\n
});<\/p>\n
<\/script><\/p>\n
<\/p>\n
\u53c2\u8003\u6587\u7ae0:<\/p>\n
http:\/\/stackoverflow.com\/questions\/21044798\/how-to-use-formdata-for-ajax-file-upload<\/p>\n
http:\/\/www.cnblogs.com\/lhb25\/p\/html5-formdata-tutorials.html<\/p>\n","protected":false},"excerpt":{"rendered":"
html \u5982\u4e0b: <form class=”form-horizontal” role=”form” i […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-238","post","type-post","status-publish","format-standard","hentry","category-js"],"yoast_head":"\n