上传图片 input 的类型是 file:
<input type='file' name='xxx' id='pic_img'>
判断是否为空如下:
if($('#pic_img').val() == ''){
//为空
}else{
//不为空
}
上传到后台之前要先加一个 form 把它包起来,并添加点击按钮上传 如下:
<form enctype="multipart/form-data" id="uploadForm">
<input type='file' name='xxx' id='pic_img'>
<input type='button' onclick='upload()' value='点击上传'>
</form>
最后是 js 部分,使用 ajax 上传:
function upload(){
var formData = new FormData($("#uploadForm")[0]) //创建一个 forData
formData.append('img', $('#pic_img')[0].files[0]) //把 file 添加进去 name 命名为 img
$.ajax({
url: /api/v1/xxxx,
data: formData,
type: "POST",
async: false,
cache: false,
contentType: false,
processData: false,
success: function(data) {
//成功
},
error: function() {
//失败
}
})
}
现在去试试吧
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
- 最新
- 最热
只看作者