当前位置: 首页 > Web前端 > HTML

Ajax上传图片

时间:2023-04-02 18:24:36 HTML

上传图片输入类型为文件(如下图)当我们选择一个图片文件时如下:判断是否为空是如下:if($('#pic_img').val()==''){//empty}else{//notempty}在上传到后台之前,添加一个表单包裹起来,并添加一个点击上传按钮如下:然后js部分通过ajax函数上传upload(){varformData=newFormData($("#uploadForm")[0])//创建aforDataformData.append('img',$('#pic_img')[0].files[0])//添加文件并命名为img$.ajax({url:/api/v1/xxxx,数据:formData,类型:“POST”,异步:false,缓存:false,contentType:false,processData:false,成功:函数(数据){//成功},错误:函数(){//失败}})}OK就这么简单,后台可以接收name=img