方法不唯一吱型,這里介紹的是 通過ajaxSubmit來完成 ajax對form表單的提交包括圖片殖侵,目的是無刷新。
-formjQ的下載地址 鏈接:http://pan.baidu.com/s/1dFwALt3 密碼:89i9
<html>
<head>
<title>Ajax異步上傳圖片</title>
</head>
<body>
//這里什么都可以不放 下面的option會對號入座 同樣option沒有的參數(shù)會找這邊
<form id="jvForm">
<table>
<td width="20%"></td>
<input name="pic" type="file" onchange="uploadPic()"/>
</td>
</tr>
</table>
</form>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script src="./jquery.form.min.js"></script>// 沒有這個js會報ajaxsubmit not funtion
<script type="text/javascript">
function uploadPic() {
// 上傳設置
var options = {
url: "./file.php",
type: "post",
success: function(data, status, xhr) {
// // 圖片顯示地址
// $("#allUrl").attr("src", data.path);
}
};
$("#jvForm").ajaxSubmit(options);
}
</script>
file.php
<?php
var_dump( $_REQUEST );
var_dump( $_FILES );
var_dump( $_POST );
?>
當然可以不用form 直接用base64的方法來傳輸 開心就好冈涧。