ajax实现传送input内容,ajax+input上传前端图片

老旧的浏览器(比如IE8)不支持FormData,所以只能用传统的form表单上传.

用form+iframe模拟AJAX异步上传:

form的target设为页面内的一个iframe,让这个iframe显示action请求后的内容.

upload.php

if(isset($_POST['submit']) && !empty($_FILES['file'])) {

move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/'.$_FILES['file']['name']);

header('Content-Type: text/html; charset=utf-8');

echo '';

echo '';

exit();

}

?>

jQuery "AJAX" upload

* { margin: 0; padding: 0; }

#con { width: 360px; margin: 10px; }

input { display: block; margin: 10px; }

Hello LAMP

style="display:none;border:1px solid #AAAAAB;width:100px;height:100px;">

$(document).ready(function(){

$('input.submit').click(function(){

$('iframe.ul_frame').show();

});

});