我在写jQuery接口上传文件的时候,遇到一个特头疼的问题,那就是上传图片,刚开始那我以为一个简单的form表单就搞定了,没想到写了两个小时都没写出来,心情那个烦躁啊,有一种想砸电脑的冲动,最后那我就用下面的方法实现了这个功能,突然发现好简单,分享给大家!废话不多说,直接上干货,代码走起。。。。
<input type="file" name="photo" id="photo" value="" placeholder="免冠照片"> <input type="button" onclick="postData();" value="下一步" name="" style="width:100px;height:30px;">
<script type="text/javascript">
function postData(){
var formData = new FormData();
formData.append("photo",$("#photo")[0].files[0]);
$.ajax({
url:'http://www.baidu.com/', /*接口域名地址*/
type:'post',
data: formData,
contentType: false,
processData: false,
dataType: "json",
success:function(res){
console.log(res);
}
})
}https://blog.csdn.net/qq_43097393/article/details/82218585
最新评论: