现在的开发很多都是趋于异步化。本文介绍jQuery实现ajax上传文件(其他也适用,看你怎么处理,思路一样)
上代码
HTML代码
<form enctype="multipart/form-data" onsubmit="return false;" id="image">
<input type="file" name="image" >
<button id="submit">提交</button>
</form>
JS代码
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#submit').click(function(){
var pic_val = $('#image')[0];//这个是获取整个表单
var updata_url = 'http://api.xxxxxx';
data = new FormData(pic_val); //使用FormData对象发送文件
$.ajax({
url: updata_url,
type: 'post',
data: data,
processData: false,// 重要,确认为false
contentType: false,
success:function(res){
console.log(res);
},
error:function() {
}
});
});
});
</script>
后台返回的信息从console查看。至此,异步上传文件已完成 ,谢谢大家的支持