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请求时的一些配置。

上一篇:nginx 报500 Internal Server Error解决办法 泪目!!!


下一篇:用FileReader的方式上传头像