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請求時的一些配置。