0
点赞
收藏
分享

微信扫一扫

js对接图片上传接口

根据博文​​H5调用相机和相册更换头像​​我们可以做到更换头像的功能,接下来补充对接图片上传接口的参考代码。

代码示例如下:

$('input[type=file]').on('change', function () {
var reader = new FileReader();
reader.onload = function (e) {
$(".pic").attr("src", reader.result)
}
reader.readAsDataURL(this.files[0])
//filses就是input[type=file]文件列表,files[0]就是第一个文件,这里就是将选择的第一个图片文件转化为base64的码

let file = $('#file')[0].files[0]
let formData = new FormData()
formData.append('file',file)

$.ajax({
type: 'POST',
url: `/${$('input:radio:checked').val()}/predict`,
data: formData,
processData: false,
contentType: false,
cache: false,
success: function(data){
$(".result").text(data.result)
},
error: function(){

},
})
})

要特别注意发送ajax请求时的一些配置。


举报

相关推荐

0 条评论